PHP计时器输出到HTML div每秒钟

Question

我开发了一个PHP倒计时计时器(3小时，特别是小时，分钟和秒)- count . PHP。输出在另一个页面(index.html)的<div>标记内。

我想要一个AJAX或Javascript使输出动态(即像普通计时器一样改变数字)。我知道AJAX可以让页面在后台每秒刷新一次(异步)，但我还没能做到这一点。

目前，只有在刷新HTML页面时输出才会改变。我还想要一个PHP脚本被触发，当倒计时到零。

countdown.php

<?php
//some codes left out    
 $remainingHour=floor($secsdiff/3600);
 $remainingMinute=floor(($secsdiff-($remainingHour*60*60))/60);
 $remainingSecond=floor(($secsdiff-($remainingHour*60*60))-($remainingMinute*60));
?>

index . html

<div id="timer">
<?php echo "$remainingHour hours, $remainingMinute minutes, 
$remainingSecond seconds";?>
</div>

Answer 1

确保你在你的HTML页面中使用了JQuery(如果对你来说这是新的，请关注JQ网站上的教程，这真的很容易)

然后，使用jquery的Get函数来更新你的div:

http://api.jquery.com/jQuery.get/

你应该能在30分钟或更短的时间内启动并工作，这很简单。

Answer 2

如果这只是一个较大页面上的小项目，我会使用Ajax或JavaScript。使用Ajax，您应该能够检查0值，如果达到0值，则通知服务器，服务器将执行规范操作。

你可能可以用JavaScript很好地做到这一点，这可能更适合这样的小任务。

Answer 3

您应该在javascript中使用setTimeout函数，参见https://stackoverflow.com/search?q=[javascript]+setTimeout&submit=search

当计时器结束时，只需调用一个新的URL来执行下一个php脚本(仍然在javascript中)，如:

document.location.href = http://foobar.tld/new_page