本程序包含多个文件来讲解,当然你也可以根据实际情况进行合并。
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实时显示倒计时状态演示(附详细的注释)