概述
因为平常工作中很常用到该功能，所以就利用这次国庆假期，重新梳理与对原有代码进行改善，再集成一个常用的功能，最终封装出这个“简单倒计时”功能。
该倒计时方法具有以下该功能：
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]);
以上这篇自己封装的一个简单的倒计时功能实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
最后
以上就是热心钻石为你收集整理的自己封装的一个简单的倒计时功能实例的全部内容，希望文章能够帮你解决自己封装的一个简单的倒计时功能实例所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复