php - 使用 php 任何 jquery 或 WebSocket 或 node.js 的中央控制计时器-6ren

php - 使用 php 任何 jquery 或 WebSocket 或 node.js 的中央控制计时器

转载作者：搜寻专家更新时间：2023-10-31 21:08:48

27

4

我想用 php 和任何其他客户端脚本设计中央控制计时器。

enter image description here

基本上需要记住的事情是:计时器将在我的网站上可见，因此目前可能有数百名用户登录到我的网站。现在，每当管理员在同一点重置计时器时，它应该反射(reflect)到所有客户端机器上。所以最基本的是需要保持所有机器的同步计时。

我做了什么

我使用了客户端倒数计时器 ( http://keith-wood.name/countdown.html )在后台我每秒调用ajax来检查重置是否被按下。但问题是它没有在所有客户端机器上保持同步。有时两台机器之间的时间差距被标记。那么如何实现呢？

代码:

$('#shortly').countdown({until: shortly,  
    onExpiry: liftOff, onTick: watchCountdown}); 

$('#shortlyStart').click(function() { 
    shortly = new Date(); 
    shortly.setSeconds(shortly.getSeconds() + 5.5); 
    $('#shortly').countdown('option', {until: shortly}); 
}); 

function liftOff() { 
    alert('We have lift off!'); 
} 

function watchCountdown(periods) { 
    $('#monitor').text('Just ' + periods[5] + ' minutes and ' + 
        periods[6] + ' seconds to go'); 
}

最佳答案

timerset.php。此文件为服务器端创建文件以推送完成时间。

<?php
$year=htmlspecialchars($_GET['year']);
$month=htmlspecialchars($_GET['month']);
$day=htmlspecialchars($_GET['day']);
$hour=htmlspecialchars($_GET['hour']+2);//NBNBNB the +2 changes according to YOUR timezone.
$minute=htmlspecialchars($_GET['minute']);
$second=htmlspecialchars($_GET['second']);

$timestring=$year.":".$month.":".$day.":".$hour.":".$minute.":".$second;
echo $timestring."<br/>";
$filename = 'timerserver.php';
$file = fopen($filename, 'w');
rewind($file);
fwrite($file,"<?php\n");
fwrite($file, "header('Content-Type: text/event-stream');\n");
fwrite($file, "header('Cache-Control: no-cache');\n");
fwrite($file, "header('connection:keep-alive');\n");
fwrite($file, "\$starttime=\"$timestring\";\n");
fwrite($file, "echo \"data:{\$starttime}\\n\\n\";\n");
fwrite($file, "ob_flush();");
fwrite($file,"flush();");
fwrite($file,"sleep(3);");
fwrite($file,"?>\n");
fflush($file);
ftruncate($file, ftell($file));
fclose($file);
flush();
?>

定时器.php。该文件接收完成时间并更新显示时间。

<html>
<header>
</header>
<body>
<script>

var source = new EventSource("timerserver.php");
var mystarttime="00:00";

source.onmessage = function(event)
{
    mystarttime=event.data;
};

setInterval(function () {test(mystarttime)}, 1000);

function test(intime)
{
    var timestring=intime;
    var split = timestring.split(':');

    var currentdate=new Date();
    var finishtime=new Date(split[0],split[1]-1,split[2],split[3],split[4],split[5],0);

    var timediff=new Date(finishtime-currentdate);

    var year=timediff.getUTCFullYear();
    var minutes=timediff.getUTCMinutes();
    var seconds=timediff.getUTCSeconds();
    var currentMinutes = ("0" + minutes).slice(-2);
    var currentSeconds = ("0" + seconds).slice(-2);
    if (year<1970)
    {
        document.getElementById("result").innerHTML="Time is up"
    }
    else
        document.getElementById("result").innerHTML = currentMinutes+":"+currentSeconds;
}
</script>
<div id="result">Fetching time...</div>
</body>
</html>

timerform.php 。一种更新时间的方法。

<?php
echo "<b>NB : Time is in UTC Timezone</b><br/><hr/>";
date_default_timezone_set("UTC");
$currentdatetime=date("Y-m-d H:i:s");
$year=date("Y");
$month=date("m");
$day=date("j");
$hour=date("H");
$minute=date("i");
$second=0;
echo $currentdatetime."<hr/>";
?>
<form action="timerreset.php" method="GET">
Year <input name="year" value="<?php echo $year;?>"/><br/>
Month <input name="month" value="<?php echo $month;?>"/><br/>
Day <input name="day" value="<?php echo $day;?>"/><br/><br/>
Hour <input name="hour" value="<?php echo $hour;?>"/><br/>
Minute <input name="minute" value="<?php echo $minute+1;?>"/><br/>
Second <input name="second" value="<?php echo $second;?>"/><br/>
<input type="submit"/>
</form>
<?php
flush();
?>

注意，使用 UTC 时间以满足不同时区的不同客户。

我的本地主机 (Windows) 和 SouthCoastHosting (Linux) 都有上面的代码，所以如果您有任何问题，请告诉我。

要使用它，请打开一个选项卡到 southcoasthosting.com/timer/timerform.php 和另一个选项卡到 southcoasthosting.com/timer/timer.php。使用计时器表单更改完成时间，您将在 timer.php 中看到时间变化。由于 EventSource 的性质，在更新计时器之前总是最多有 3 秒的延迟。根据您的客户端与服务器的连接速度，可能会有进一步的延迟。我选择发送完成时间，这样客户就不会因为这些延迟而滞后。

我希望一切都有意义。否则请告诉我。

关于php - 使用 php 任何 jquery 或 WebSocket 或 node.js 的中央控制计时器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26649449/

27

4

0

文章推荐： php - 在页面加载时继续 CSS 动画？

文章推荐： php - 防止在父级中打开的流套接字被子叉关闭

文章推荐： php - 在 Laravel 5 中配置 Homestead.yaml 的问题

控制 double
大家好，我完成了这个基本的 C 程序，它向输入任何给定数字集的用户显示有序集、最小值、最大值、平均值和中值。我遇到的问题是，当我打印数字时，我必须使用诸如“3.2%f”之类的东西来设置标准的精度，我怎
python进程间查询/控制
我有这个基于 Python 的服务守护进程，它正在执行大量多路复用 IO(选择)。从另一个脚本(也是 Python)我想查询这个服务守护进程的状态/信息和/或控制处理(例如暂停它、关闭它、更改一些参
控制 C 代码中的操作顺序
我读到 Fortran 对表达式求值的顺序有严格的规则。对于某些数值算法来说，这一点非常重要。数值 C 程序如何控制浮点运算的顺序并防止编译器“优化”到不需要的运算顺序，例如将 (a*b)*c 更改
控制 MPI_COMM_SPAWN 的节点映射
上下文: 整个问题可以概括为我正在尝试复制调用system(或fork)的行为，但在 mpi 环境中。 (事实证明，你不能并行调用system。)这意味着我有一个程序在许多节点上运行，每个节点上有一个
控制 scanf() 接受任何输入的持续时间
我考虑过控制scanf来接受c中的任何输入。我的概念是等待10秒(或任何其他时间)来接受任何输入。10秒后它将退出并且不再接收任何输入。 int main(){ int a,b,c,d; sca
javascript - 控制.each循环nodejs内的执行流程
我正在尝试使用生成器停止 setTimeOut 上的执行流程。我究竟做错了什么？我无法让 console.log 每 1500 毫秒退出一次。我是 node 的新手，如果我在做一件非常愚蠢的事情，请不
android - 控制 Activity
我希望我的应用程序的 Activity 堆栈包含同一 Activity 的多个实例，每个实例处理不同的数据。因此，我将让 Activity A 在我的 Activity 堆栈中处理数据 a、b、c 和
Bash:控制 SSH
我有这个 bash 文件，它向设备询问 OpenSSH 的 IP、密码等。现在，如果我使用 ssh root@ip，我必须输入密码。这真的很烦人。第二;我不能让我的脚本向它发送命令。这就是我想要的
控制 GCC 优化
我正在尝试测试我有权访问的机器的缓存属性。为此，我正在尝试读取内存并对其计时。我改变工作集大小和步幅访问模式以获得不同的测量值。代码如下所示: clock1 = get_ticks() for (i
控制 makefile 的输出
我正在尝试编写一个 makefile 来替换用于构建相当大的应用程序的脚本之一。当前脚本一次编译一个文件，使用 make 的主要原因是并行化构建过程。使用 make -j 16 我目前在办公室服务器
控制 c 导致打印垃圾
我正在制作一个小的测试程序，它演示了一个粗糙的控制台界面。该程序是一个低于标准的典型获取行、响应程序，它甚至不识别“退出”，并希望您通过按 control-c 强制退出。在 Mingw32 上完成。
C# - SIP 控制
好的，我有一个 VOIP 电话。我知道电话的 IP 地址和端口，并且可以完全访问电话，我正在使用它通过 SIP 中继调用 SIP 电话。我基本上想随时查看手机上发生的事情，但我不知道从哪里开始。如
windows - 控制 WriteProfileString
是否可以指定 CWinApp::WriteProfileString() 使用的应用程序名称？如果我使用 CWinApp::SetRegistryKey 将我的公司名称设置为“MyCompany”，
Python - 控制 Tor
我正在尝试用 Python 控制 Tor。我在 stackoverflow 上阅读了其他几个关于这个主题的问题，但没有一个能回答这个问题。我正在寻找一种方法，以便在命令运行时为您提供“新身份”、新
iPhone与iWatch连接、控制、数据传递（Swift）的方法
最近在做一个项目，涉及到iPhone设备和手表传输数据、控制彼此界面跳转，在网上找了很多资料，发现国内的网站这方面介绍的不多，而国外的网站写的也不是很全，所以在这写这篇文章，给大家参考一下，望大神指
r - 控制 map 图例中的值范围
我想增加图中值的范围。在示例中，值的范围从 50 到 200。但是，我需要按如下方式分配值:50 75 100 125 150 175 200 并且最好使用 scale_fill_gradientn
Flutter:控制 IconButton 上的波纹效果大小
我有一个IconButton，当按下时波纹效果是圆形的并且比按钮的面积大，我怎样才能减少点击按钮时波纹效果的大小？ IconButton( constraints
.net - 控制 .nuspec 中的代码契约引用
我正在使用代码契约(Contract)为我的项目生成附属程序集。基本上它为项目的 MyAssembly.dll 创建一个 MyAssembly.Contracts.dll。这应该放在你的程序集旁边，但
r - 控制 ggraph 中的构面顺序
我想使用分面绘制图形，其中面板之间的边缘不同。面板按字母顺序自动排序(按照 ggplot 中的惯例)。一个简单的例子: library(igraph) library(ggraph) g <- mak
android - 控制 AppWidget 实例的数量
我想为我的 Android 应用程序创建一个小部件，以显示有关位置的一些实时详细信息，例如天气。但我想在任何时候允许最多 3 个小部件实例，每个实例都有不同的位置。我不确定该怎么做，也找不到任何信息。

首页

博学

6Ren·AI

商城

php - 使用 php 任何 jquery 或 WebSocket 或 node.js 的中央控制计时器