试图使倒数计时器倒数分钟直到下一个小时

时间:2018-12-06 18:53:45

标签: php

PHP的新手,并尝试使此简单的倒数计时器起作用。基本上,我只需要计算一天中每小时剩余的分钟数,并使计时器每小时每小时重新启动一次即可。

我一直试图在这里列举一些例子,但是似乎什么也没用。这就是我所拥有的...我确定我现在还遥遥无期:

<?php

$now = time();
$future_hour = time('next hour')
$interval = $future_hour->diff($now);
echo "There are". $interval ."minutes until the next update.";

?>

1 个答案:

答案 0 :(得分:1)

对于此类任务,使用PHP而非JS并不是一个好主意。无论如何,我们都可以通过PHP实现倒数计时器,但是如果要在网页上显示倒数计时器,我们还需要使用AJAX请求来更新数据。

index.html:

<html>
<head>
    <script
            src="https://code.jquery.com/jquery-3.3.1.js"
            integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
            crossorigin="anonymous"></script>
</head>
<body>
<h1 id="countdown"></h1>
<script>
    jQuery(document).ready(function() {
        time=setInterval(function(){
            jQuery(function () {
                jQuery.ajax({
                    url: "countdown.php",
                    method: 'post',
                    dataType: 'json',
                    data: {},
                    complete: function (data) {
                        jQuery("#countdown").html(data.responseText);
                    }
                });

            });
        },1000);
    });
</script>
</body>
</html>

countdown.php:

<?php

echo date("i:s",3600-(date("s",time())))." left";
exit();  

如果只需要几分钟(没有几秒钟),则代码应如下所示:

echo (60-(date("i",time()))." min left");

另请参见:
https://www.w3schools.com/howto/howto_js_countdown.asp
The simplest possible JavaScript countdown timer?