首页 > 编程 > JavaScript > 正文

自己封装的一个简单的倒计时功能实例

2019-11-19 18:51:18
字体:
来源:转载
供稿:网友

因为平常工作中很常用到该功能,所以就利用这次国庆假期,重新梳理与对原有代码进行改善,再集成一个常用的功能,最终封装出这个“简单倒计时”功能。

该倒计时方法具有以下该功能:

1. 根据指定日期与当前的电脑时间进行匹配

2. 通过指定一个数组参数,来设置在每一天内不同的时间段进行倒计时。

* 该方法还未通过实际工作的检测,稳定性未知(如果实际工作通过,会删除这段话)

function countDown(date,target,filter){  var setTime = new Date(date).getTime(),    timer = null;  function core(){    var nowTime = new Date().getTime(),      leftTime = 0,      d = 0,h = 0,m = 0,s = 0;    ////////////////////////////    //conditation @ doublue time    if(filter.length){      setTime = new Date();      for(var i=0,l=filter.length;i<l;i++){        setTime.setHours(filter[i]);        setTime.setMinutes(0);        setTime.setSeconds(0);        if(nowTime < setTime.getTime()){          break;        }else if(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;    }    //here set out format    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]);

以上这篇自己封装的一个简单的倒计时功能实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表