快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

原生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://6mz.cn/article/pihhoh.html

其他资讯