手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >自己封装的一个简单的倒计时功能实例
自己封装的一个简单的倒计时功能实例
摘要:因为平常工作中很常用到该功能,所以就利用这次国庆假期,重新梳理与对原有代码进行改善,再集成一个常用的功能,最终封装出这个“简单倒计时”功能。...

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

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

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]);

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

【自己封装的一个简单的倒计时功能实例】相关文章:

发现的以前不知道的函数

一个特帅的展示图片的js+css

深入理解JavaScript中的对象

jQuery封装的tab选项卡插件分享

js实现简单div拖拽功能实例

IE浏览器下PNG相关功能

javascript实现简单的进度条

繁简字转换功能

自己编写的支持Ajax验证的JS表单验证插件

jquery实现的判断倒计时是否结束代码

精品推荐
分类导航