PHP实现倒计时功能

吾爱主题 阅读:223 2021-10-29 15:59:00 评论:0

本文实例为大家分享了PHP实现倒计时功能的具体代码,供大家参考,具体内容如下

?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 <!DOCTYPE html> < html > < head >   < title >PHP实现倒计时功能</ title > </ head > < body > <? 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("考试已经结束!");   } ?> < p >考试开始时间:<? php echo $starttimestr; ?></ p > < p >考试结束时间:<? php echo $endtimestr; ?></ 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 = <? php echo $lefttime; ?> * 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 >

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/Mr_YXX/article/details/109636613

可以去百度分享获取分享代码输入这里。
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

【腾讯云】云服务器产品特惠热卖中
搜索
标签列表
    关注我们

    了解等多精彩内容