189 8069 5689

原生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实现倒计时功能（多种格式调用）
文章起源：http://cdxtjz.cn/article/pihhoh.html

其他资讯