js活动倒计时
2016-03-11 18:53
656 查看
html代码:
js代码:
注解:
每个活动定义了结束时间.endtime属性value的值,这个值是一串数字,表示自1970年1月1日以来的秒数,由后台(PHP)生成。比如结束时间2013-05-01 12:00可以通过PHP转换为1367380800秒,转换后的秒数可以用来接下来的jQuery计算倒计时。
<div class="endtime" value="1354365003"></div> <div class="endtime" value="1350748800"></div> <div class="endtime" value="1346487780"></div> <div class="endtime" value="1367380800"></div>
js代码:
var serverTime = 1000; //服务器时间,毫秒数 $(function(){ var dateTime = new Date(); var difference = dateTime.getTime() - serverTime; //客户端与服务器时间偏移量 setInterval(function(){ $(".endtime").each(function(){ var obj = $(this); endTime = new Date(parseInt(obj.attr('value')) * 1000), nowTime = new Date(); nMS=endTime.getTime() - nowTime.getTime() + difference, myD=Math.floor(nMS/(1000 * 60 * 60 * 24)); //天 myH=Math.floor(nMS/(1000 * 60 * 60)) % 24, //小时 myM=Math.floor(nMS/(1000 * 60)) % 60, //分钟 myS=Math.floor(nMS/1000) % 60, //秒 myMS=Math.floor(nMS/100) % 10; //拆分秒 if(myD>= 0){ var str = myD+"天"+myH+"小时"+myM+"分"+myS+"."+myMS+"秒"; }else{ var str = "已结束!"; } obj.html(str); }); }, 100); //每0.1秒执行一次 });
注解:
每个活动定义了结束时间.endtime属性value的值,这个值是一串数字,表示自1970年1月1日以来的秒数,由后台(PHP)生成。比如结束时间2013-05-01 12:00可以通过PHP转换为1367380800秒,转换后的秒数可以用来接下来的jQuery计算倒计时。
相关文章推荐
- JS中的DOM方法大全
- javascript组件开发
- 【JSOI2014】支线剧情
- 解决json参数中有参数是url地址导致json无法正确传输与解析
- JS 截取字符串substr 和 substring方法的区别
- Javascript进阶篇——(DOM—节点---属性、访问节点)—笔记整理
- Jsp9个内置对象详解
- web session详解
- json转MAp对象
- js事件跨浏览器解决问题的学习与总结
- PJSIP---可以视频通话的库
- JSP总结-会话跟踪全解
- json处理四部曲之第一曲:利用json-lib-xxx.jar处理json
- JS封装类或对象的最佳方案
- javascript深入理解js闭包
- 上海javascript的面试题
- Json对象和字符串互相转换
- 在JS中,一个自定义函数如何调用另一个自定义函数中的变量
- javascript事件
- JS---重载