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

参数	默认值	说明
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实现倒计时功能（多种格式调用）
链接URL：http://dzwzjz.com/article/pihhoh.html

大橙子网站建设，新征程启航

原生js实现倒计时功能（多种格式调用）

调用方法：

options参数

其他资讯