首页 > PHP > PHP时间和日期

PHP实现倒计时功能

在我们日常生活，倒计时在某种意义上来说几乎无处不在，比如淘宝限时购物、高考倒计时、假期倒计时等等。而在我们的开发过程中，也可能会遇到实现倒计时功能的需求。

对于初入门的 PHP 新手来说，或许有一点难度，但是只要掌握了倒计时的实现原理，就很容易实现了。另外，实现倒计时功能不能单纯的使用 PHP 语言，还需要借助 JavaScript 才行。如果大家对 JavaScript 感兴趣可以阅读本站的《JS入门教程》。

【示例】下面我们通过一段简单的代码为大家演示一下，如何使用 PHP 实现倒计时功能。 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>PHP实现倒计时功能</title>
  5. </head>
  6. <body>
  7. <?php
  8.     // 设置时区
  9.     date_default_timezone_set('PRC');
  10.     //配置考试的开始结束时间
  11.     $starttimestr = date('Y-m-d H:i:s', strtotime('now'));
  12.     $endtimestr   = date('Y-m-d H:i:s', strtotime('+2 hours 30 minutes'));
  13.     $starttime    = strtotime($starttimestr);
  14.     $endtime      = strtotime($endtimestr);
  15.     $nowtime      = time();
  16.     if ($nowtime < $starttime) {
  17.         exit("考试已经结束了，考试时间是：{$starttimestr}至{$endtimestr}");
  18.     }
  19.     if ($endtime >= $nowtime) {
  20.         $lefttime = $endtime - $nowtime; //实际剩下的时间（秒）
  21.     } else {
  22.         $lefttime = 0;
  23.         exit("考试已经结束！");
  24.     }
  25. ?>
  26. <p>考试开始时间：<?php echo $starttimestr; ?></p>
  27. <p>考试结束时间：<?php echo $endtimestr; ?></p>
  28. <p>
  29.     距离考试结束还有：
  30.     <span id="RemainD"></span> 天
  31.     <span id="RemainH"></span> 小时
  32.     <span id="RemainM"></span> 分钟
  33.     <span id="RemainS"></span> 秒
  34. </p>
  35.  
  36. <script type="text/javascript">
  37.     var runtimes = 0;
  38.     function GetRTime() {
  39.         var lefttime = <?php echo $lefttime; ?> * 1000 - runtimes * 1000;
  40.         if (lefttime >= 0) {
  41.             var nD = Math.floor(lefttime / (1000 * 60 * 60 * 24)) % 24;
  42.             var nH = Math.floor(lefttime / (1000 * 60 * 60)) % 24;
  43.             var nM = Math.floor(lefttime / (1000 * 60)) % 60;
  44.             var nS = Math.floor(lefttime / 1000) % 60;
  45.             document.getElementById("RemainD").innerHTML = nD;
  46.             document.getElementById("RemainH").innerHTML = nH;
  47.             document.getElementById("RemainM").innerHTML = nM;
  48.             document.getElementById("RemainS").innerHTML = nS;
  49.             runtimes++;
  50.             setTimeout("GetRTime()", 1000);
  51.         } else {
  52.             alert('考试结束了！');
  53.             location.reload();
  54.         }
  55.     }
  56.  
  57.     onload = function() {
  58.         GetRTime();
  59.     }
  60. </script>
  61. </body>
  62. </html>
运行结果如下图所示：