首页 > 后端开发 > php教程 > php+js倒计时

php+js倒计时

WBOY
发布: 2016-06-23 14:32:53
原创
1556 人浏览过

1、js的时间戳和php的时间戳转换需要注意的地方

JS时间戳为13位,包含3位毫秒的(最后面的三位),而PHP只有10位不包含毫秒的。

 

2、以下是js代码

<script type="text/javascript">var Tday = new Array();var daysms = 24 * 60 * 60 * 1000;var hoursms = 60 * 60 * 1000;var Secondms = 60 * 1000;var microsecond = 1000;var DifferHour = -1;var DifferMinute = -1;var DifferSecond = -1;function clock( key ) {    var time = new Date();    var hour = time.getHours();    var minute = time.getMinutes();    var second = time.getSeconds();    var timevalue = ""+((hour > 12) ? hour-12:hour);    timevalue +=((minute < 10) ? ":0":":")+minute;    timevalue +=((second < 10) ? ":0":":")+second;    timevalue +=((hour >12 ) ? " PM":" AM");    var convertHour = DifferHour;    var convertMinute = DifferMinute;    var convertSecond = DifferSecond;    var Diffms = Tday[key].getTime() - time.getTime();    DifferHour = Math.floor(Diffms / daysms);    Diffms -= DifferHour * daysms;    DifferMinute = Math.floor(Diffms / hoursms);    Diffms -= DifferMinute * hoursms;    DifferSecond = Math.floor(Diffms / Secondms);    Diffms -= DifferSecond * Secondms;    var dSecs = Math.floor(Diffms / microsecond);       if(convertHour != DifferHour) {        a="<font class=f4_c><strong>"+DifferHour+"</strong></font>天";    }    if(convertMinute != DifferMinute) {        b="<font class=f4_c><strong>"+DifferMinute+"</strong></font>时";    }    if(convertSecond != DifferSecond) {        c="<font class=f4_c><strong>"+DifferSecond+"</strong></font>分";    }    d="<font class=f4_c><strong>"+dSecs+"</strong></font>秒";    if (DifferHour>0) {        a=a;    } else {        a='';    }   document.getElementById("leftTime"+key).innerHTML = a + b + c + d; }</script>
登录后复制


3、下面是模板文件

{foreach from=$goods item=goods name=goods}    <div id="leftTime{$smarty.foreach.goods.iteration}"></div>    <script type="text/javascript">        Tday[{$key}] = new Date("{$goods.gmt_end_time}");                window.setInterval(function(){clock({$key});}, 1000);         </script>{/foreach}
登录后复制

 
登录后复制

  

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板