Question

我开发了一个PHP倒计时器（3小时特别是小时，分钟和秒） - countdown.php。输出位于另一个页面的<div>标记内 - index.html。

我想要一个可以使输出动态的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网站上的tutes，这真的很容易）

然后，一旦你启动并运行它，使用JQuerys Get函数来更新你的div：

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

你应该能够在30分钟或更短的时间内完成它，这非常简单。

Answer 2

如果这只是较大页面上的一个小项目，我会使用Ajax或JavaScript。使用Ajax，您应该能够检查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

PHP计时器每秒输出到HTML div

countdown.php

的index.html

3 个答案: