如何使用原生js实现倒计时功能

这篇文章给大家分享的是有关如何使用原生js实现倒计时功能的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

         
 项目地址 返回首页 
 
 
 
#例子1# 12:00:00到11:50:00
 
12:00:00
 
  
 
 endtime: '11:50:00'，设置结束时间/默认值为空||0，执行其他默认参数 
 
new countdown("#countdown", { endtime: '11:50:00' });
 
 
 
#例子2# 60到50
 
60
 
  
 
 countEnd: 'function'，设置结束倒计时后触发的函数/默认值为空，执行其他默认参数 
 
new countdown("#countdown1", { endtime: '50', countEnd: function() { alert("结束") } });
 
 
 
#例子3# 60到0
 
 
  
 
 starttime:'60'，设置开始时间/默认值为元素内容，执行其他默认参数 
 
new countdown("#countdown2", { starttime:'60' });
 
 
 
#例子4# 2017/01/11,11:00:00到1970/1/1
 
2017/01/11,11:00:00
 
  
 
 format:'yy:MM:dd:hh:mm:ss'，格式化输出的时间格式/默认值为'hh:mm:ss'，执行其他默认参数 
 
new countdown("#countdown3", { format:'yy:MM:dd:hh:mm:ss' });
 
 
 
 
调用方法：
 
new countdown(selector,{options});
 
 
options参数
 
 
 
 
参数
 
默认值
 
说明
 
 
 
 
 
format
 
'hh:mm:ss'
 
格式化输出的时间格式，年(y)、月(M)、日(d)、小时(h)、分(m)、秒(s)、毫秒(S)、季度(q)
 
 
 
starttime
 
''
 
开始时间
 
 
 
endtime
 
''
 
结束时间
 
 
 
interval
 
1000
 
计数的时间间隔（单位：毫秒）
 
 
 
countEach(time)
 
[时间格式化输出]
 
每计时单位执行,其中time包含时间信息：year年、quarter季度、month月、day日、hour小时、minute分钟、second秒、microsecond毫秒、format格式化输出
 
 
 
countEnd(time)
 
[时间格式化输出]
 
计时结束后执行,其中time包含时间信息：year年、quarter季度、month月、day日、hour小时、minute分钟、second秒、microsecond毫秒、format格式化输出
 
 
 
 
 

感谢各位的阅读！关于"如何使用原生js实现倒计时功能"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！