原生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://scyanting.com/article/pihhoh.html