jquery实现一个全局计时器(商城可用)
本文实例为大家分享了商城一类都可以使用的jquery全局计时器,供大家参考,具体内容如下
实现思路
遍历所有待计时元素,添加一个setInterval计时函数,每隔X秒执行更新计时操作(中间可能还有格式化时间操作)。
代码实现
ps:JQ元素通过arr[i]取值时会转变成DOM元素,dom元素和JQ之间转换用$(arr[i])
获取所有待计时元素
vararrList=$(".stime"); setInterval(function(){ //遍历数组 for(vari=0,l=arrList.length;i计算时间函数,可倒可正
ps:如果是Java后台传过来的时间,注意下时间格式,这里已经做了处理(是个坑点);
/*DateDiff处理*/ functionDateDiff(t1,t2,elem){ //GTMCST时间相差14小时 vardiff=t1.setHours(t1.getHours()+14)-Date.parse(t2); //超过一天显示warning色 if(diff>(1000*60*60*24)){ $(elem).css({color:"rgb(247,186,42)"}); } returnShowTime(diff); }显示处理函数,可自行选择精确度
不需要,注释掉即可
/*fuc计时显示处理*/ functionShowTime(ms){ varobj={ "天":1000*60*60*24, "时":1000*60*60, "分":1000*60 /* "秒":1000 */ }; vartmp=ms; varstr=""; for(variinobj){ //向下取整1.5天=>1天 s=Math.floor(tmp/obj[i]); tmp=tmp%obj[i]; str+=s+i; } returnstr; }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。