实时显示倒计时状态演示(附详细的注释)

  

本程序包含多个文件来讲解,当然你也可以根据实际情况进行合并。

index . html(非必须):首页显示,时间设定,测试的时候可以直接在文件里指定时间。

gettime.php(主要文件1):实时倒计时状态显示

gettime2.php(主要文件2):取得时间每1秒请求一次的文件,返回此刻请求得到的数据

源码如下:

/* *,index.html  * */& lt; !——,下面的JS代码是一个简单的对输入时间检测的脚本,可以不要——比;   & lt; form 行动=" gettime.php ", method=" post "比;   请输入活动开始时间:& lt; input  id=靶∈薄?类型=拔谋尽?name="小时",大??”,/在点& lt; input  id=胺种印?类型=拔谋尽?name=胺种印?大??”,/在分& lt; input  id=懊搿?类型=拔谋尽?name="秒",大??”,/在秒   & lt; input 类型=疤峤弧?value=" https://www.yisu.com/zixun/设定”,/比;   & lt;/form>   & lt; script  type=" text/javascript祝辞   window=function () {   var  hour =, . getelementbyid(小时);   hour.onblur=function () {   如果(hour.value> 23 | | hour.value<0) {   alert('时间超出范围”);   return 假;   }   }   var  min =, . getelementbyid(分钟);   min.onblur=function () {   如果(min.value> 59 | | min.value<0) {   alert('时间超出范围”);   return 假;   }   }   var  sec =, . getelementbyid(“交会”);   sec.onblur=function () {   如果(sec.value> 59 | | sec.value<0) {   alert('时间超出范围”);   return 假;   }   }   }   & lt;/script>/* *,gettime.php  * */php & lt; ?   echo “设定的时间是:“”:“美元小时。最低”:“。秒。美元”,活动还未开始,倒计时状态中& lt; br /祝辞”;   }   比;/* *,ajax请求到的数据会存放在id=癶h”的这个DIV里,   你也可以将返回的数据放在任何你想放的位置,只需要将它的id设置为与js里id相同即可。   注意这个脚本需要jQuery的支持(下载金桥见文章结尾),所以请将金桥文件引用到位。   * */& lt; div  id=" hh "祝辞& lt;/div>   & lt; script  type=" text/javascript, src=" https://www.yisu.com/zixun/jquery-2.1.1.min.js "祝辞& lt;/script>   & lt; script  type=" text/javascript祝辞   function  gett () {   $(函数(){   ,,,,,,,//接收索引传过来的时间参数,并用ajax传递给gettime2.php进行判断   ,,,,,,,//测试的时候可以不需要指数直接在这里指定时间   var  h=' & lt; ? php  echo 美元小时;?祝辞的;   var  m=& lt; ? php  echo 最小;美元?祝辞的;   var  s=& lt; ? php  echo 证交会美元;?祝辞的;   . ajax({美元   url:‘gettime2.php ? h=' + h +的和m=+ m + +年代和年代=,   类型:“文章”,   数据:{行动:“guesslike”},   数据类型:“html”,   超时:3000,   缓存:假的,   成功:函数(re) {   $ (' # hh ') . html (re);   }   })   });   setTimeout (“gett()”, 1000年),   }   gett ();   & lt;/script>/*,gettime2.php 核心文件,*/php & lt; ?   作用(“中国”);//接收时间   赛斯美元=$ _REQUEST [' h '];   seti美元=$ _REQUEST [m];   美元集=$ _REQUEST [s];   $=时间();//echo  & lt; br /祝辞;当前时间是:“.date(“我:年代”,美元时间);//判断小时剩余在1   如果(seth>美元;日期(“H”,时间美元)){   h=seth-date美元(美元“h”,时间);//判断分钟剩余在1   如果(seti>美元;日期(“我”)美元){   i=seti-date美元(“我”,美元时间);//判断秒剩余在1   如果(sets>美元;日期(“s”)美元){   s=sets-date美元(美元“年代”,时间);   其他}{   s=sets-date美元(“s”,时间美元)+ 59;   我张=$美元;   }   其他}{,//分钟剩余0   i=seti-date美元(“我”,时间美元)+ 59;   h - h=美元(美元)在0 ? (h -美元):0;,//如果小时被借去1后等于0,则不用显示小时了   如果(sets>美元;日期(“s”)美元){   s=sets-date美元(美元“年代”,时间);   其他}{   s=sets-date美元(“s”,时间美元)+ 59;   }   }   如果($ h !=0) {   echo “& lt; br /祝辞剩余时间还有:“。h。美元“小”时。我,“分”。s。美元“秒”;   其他}{   echo “& lt; br /祝辞剩余时间还有:“。我,“分”。s。美元“秒”;   }   其他}{//判断小时剩余=0   美元h=0;   如果(seti>美元;日期(“我”)美元){   i=seti-date美元(“我”,美元时间);//判断秒剩余在1   如果(sets>美元;日期(“s”)美元){   s=sets-date美元(美元“年代”,时间);   其他}{   s=sets-date美元(“s”,时间美元)+ 59;   我张=$美元;   }   echo “& lt; br /祝辞剩余时间还有:“。我,“分”。s。美元“秒”;   其他}{,//分钟剩余0   if ($ sets

实时显示倒计时状态演示(附详细的注释)