原生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格式化输出
   
  
  
 
 

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！