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;
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。