介绍
这篇文章将为大家详细讲解有关js如何实现倒计时,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
首先呢,开始写之前一定要理清楚思路,思路清晰了,那写起来就容易多了、下面我分了几个步骤:
1。获取当前的时间,并且定义结束的时间
2。用求未来时间和当前时间的时间差,并且求出时分秒
3。设置定时器,让时间每秒递减
var div =, document.getElementsByTagName (“div") [0]; ,,,,,var timer =, setInterval(计时器,1000); ,,,,,function 计时器(),{ ,,,,,,,//获取现在的时间 ,,,,,,,var 你=,new 日期(); ,,,,,,,//获取你想要的未来时间 ,,,,,,,var future =, new 日期(“2017/05/10"); ,,,,,,,var time =, future.getTime(),安康;now.getTime (); ,,,,,,,//获取距离的天数 ,,,,,,,var day =,方法(24,time /,/, 60,/, 60,/, 1000); ,,,,,,,//获取距离的小时 ,,,,,,,var hour =,方法(时间/time 1000年,/,60,/,60,%,24); ,,,,,,,//获取分 ,,,,,,,var minute =,方法(时间/time 1000年,/,60,%,60); ,,,,,,,//获取秒 ,,,,,,,var sec =,方法(时间/time 1000年,%,60); ,,,,,,,如果(time & lt;, 0), { ,,,,,,,,,div.innerHTML =,“距离苹果发布会还有00天00小时00分00秒000毫秒“; ,,,,,,,,,clearInterval(计时器); ,,,,,,,,,返回; ,,,,,,,} ,,,,,,,//注意点:当时间小于10的时候,要在前面补0 ,,,,,,,div.innerHTML =,“距离结束时间还有“,+,(day & lt;, 10, ?,(“0”, +,),:,), +,“天“,+,(hour & lt;, 10, ?,(“0”, +,小时),:,小时),+,“小时“,+,(minute & lt;, 10, ?,(“0”, +,分钟),:,分钟),+,“分”,+,(sec & lt;, 10, ?, (“0”, +, sec),:, sec), +,“秒”; ,,,,,}
关于“js如何实现倒计时”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。