自己封装的一个简单的倒计时功能实例
因为平常工作中很常用到该功能,所以就利用这次国庆假期,重新梳理与对原有代码进行改善,再集成一个常用的功能,最终封装出这个“简单倒计时”功能。
该倒计时方法具有以下该功能:
1.根据指定日期与当前的电脑时间进行匹配
2.通过指定一个数组参数,来设置在每一天内不同的时间段进行倒计时。
*该方法还未通过实际工作的检测,稳定性未知(如果实际工作通过,会删除这段话)
functioncountDown(date,target,filter){
varsetTime=newDate(date).getTime(),
timer=null;
functioncore(){
varnowTime=newDate().getTime(),
leftTime=0,
d=0,h=0,m=0,s=0;
////////////////////////////
//conditation@doubluetime
if(filter.length){
setTime=newDate();
for(vari=0,l=filter.length;i<l;i++){
setTime.setHours(filter[i]);
setTime.setMinutes(0);
setTime.setSeconds(0);
if(nowTime<setTime.getTime()){
break;
}elseif(i==filter.length-1){
setTime.setDate(setTime.getDate()+1);
setTime.setHours(filter[0]);
}
}
}
////////////////////////////
leftTime=Math.ceil((setTime-nowTime)/1000);
if(nowTime<=setTime){
d=~~(leftTime/86400);
h=~~(leftTime%86400/3600);
m=~~(leftTime%86400%3600/60);
s=~~(leftTime%86400%3600%60);
timer=setTimeout(core,1e3);
}else{
clearTimeout(timer);
timer=null;
}
//heresetoutformat
target.innerHTML='d:'+d+'h:'+h+'m:'+m+'s:'+s;
}
core();
}
调用方式:
//普通调用
countDown('2016/10/02/23:43',oDiv);
//指定时间循环倒计时
countDown('2016/10/02/23:43',oDiv,[9,11,18]);
以上这篇自己封装的一个简单的倒计时功能实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
热门推荐
10 对患者生日祝福语简短
11 结婚祝福语简短装备
12 周岁祝福语学生文案简短
13 订婚领证祝福语简短精辟
14 导师获奖祝福语大全简短
15 新婚购房祝福语简短精辟
16 牛年祝福语简短的爱人
17 送芒果的祝福语简短
18 送给学长毕业祝福语简短