js如何实现倒计时

  介绍

这篇文章将为大家详细讲解有关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如何实现倒计时”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

js如何实现倒计时