重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章给大家分享的是有关如何使用原生js实现倒计时功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
成都创新互联主营佛坪网站建设的网络公司,主营网站建设方案,app软件开发公司,佛坪h5成都小程序开发搭建,佛坪网站营销推广欢迎佛坪等地区企业咨询
倒计时-多种格式调用-原生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实现倒计时功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!