最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
原生js实现倒计时--2018
时间:2017-04-21 编辑:简简单单 来源:一聚教程网
思路:
(1)获取日期对象、现在距离1970年的毫秒数、2018年距离1970年的毫秒数、2018年距离现在的总秒数;
(2)总秒数/86400,整数部分代表天;
(3)余数部分/3600,整数部分代表小时;
(4)余数部分/60,整数部分代表分钟;
效果如下:
代码如下:
代码如下 | 复制代码 |
*{ margin: 0; padding:0; } p { font-size: 95px; text-align: center; } p span { color: red; } p span.time { color: black }
距离2018年还有 var oSpan = document.getElementsByTagName('span')[0]; function tow(n) { return n >= 0 && n <10? '0' + n : '' + n; } function getDate() { varoDate=newDate();//获取现在日期对象 varoldTime=oDate.getTime();//现在距离1970年的毫秒数 varnewDate= new Date('2018/1/1 00:00:00');//获取指定日期对象 varnewTime=newDate.getTime();//2018年距离1970年的毫秒数 varsecond=Math.floor((newTime - oldTime) / 1000);//未来时间距离现在的秒数 varday=Math.floor(second / 86400);//整数部分代表的是天;一天有24*60*60=86400秒 ; second= second % 86400;//余数代表剩下的秒数; varhour=Math.floor(second / 3600);//整数部分代表小时; second %= 3600; //余数代表 剩下的秒数; varminute=Math.floor(second / 60); second %= 60; varstr=tow(day) + ' + tow(hour) + ' + tow(minute) + ' + tow(second) + ' oSpan.innerHTML = str; } getDate(); setInterval(getDate, 1000); |