温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何在PHP项目中实现一个倒计时功能

发布时间:2020-12-10 16:15:38 来源:亿速云 阅读:143 作者:Leah 栏目:开发技术

这篇文章将为大家详细讲解有关如何在PHP项目中实现一个倒计时功能,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

具体方法如下:

<!DOCTYPE html>
<html>
<head>
 <title>PHP实现倒计时功能</title>
</head>
<body>
<&#63;php
 
 date_default_timezone_set('PRC');

 $starttimestr = date('Y-m-d H:i:s', strtotime('now'));
 $starttimestr= mktime(0,0,0,7,7,2020); 
 //$endtimestr = date('Y-m-d H:i:s', strtotime('+18 hours 1 minutes'));
 $endtimestr = mktime(18,0,0,date('m'),date('d'),date('Y'));
 $starttime = strtotime($starttimestr);
 $endtime  = strtotime($endtimestr);
 $nowtime  = time();
 if ($nowtime < $starttime) {
  exit("考试已经结束了,考试时间是:{$starttimestr}至{$endtimestr}");
 }
 if ($endtime >= $nowtime) {
  $lefttime = $endtime - $nowtime; //实际剩下的时间(秒)
 } else {
  $lefttime = 0;
  exit("考试已经结束!");
 }
&#63;>
<p>考试开始时间:<&#63;php echo $starttimestr; &#63;></p>
<p>考试结束时间:<&#63;php echo $endtimestr; &#63;></p>
<p>
 距离考试结束还有:
 <span id="RemainD"></span> 天
 <span id="RemainH"></span> 小时
 <span id="RemainM"></span> 分钟
 <span id="RemainS"></span> 秒
</p>
<script type="text/javascript">
 var runtimes = 0;
 function GetRTime() {
  var lefttime = <&#63;php echo $lefttime; &#63;> * 1000 - runtimes * 1000;
  if (lefttime >= 0) {
   var nD = s.floor(lefttime / (1000 * 60 * 60 * 24)) % 24;
   var nH = Math.floor(lefttime / (1000 * 60 * 60)) % 24;
   var nM = Math.floor(lefttime / (1000 * 60)) % 60;
   var nS = Math.floor(lefttime / 1000) % 60;
   document.getElementById("RemainD").innerHTML = nD;
   document.getElementById("RemainH").innerHTML = nH;
   document.getElementById("RemainM").innerHTML = nM;
   document.getElementById("RemainS").innerHTML = nS;
   runtimes++;
   setTimeout("GetRTime()", 1000);
  } else {
   alert('考试结束了!');
   location.reload();
  }
 }
 onload = function() {
  GetRTime();
 }
</script>
</body>
</html>

关于如何在PHP项目中实现一个倒计时功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI