原生js实现倒计时--2018
网络编程 发布日期：2024/11/6 浏览次数：1
正在浏览：原生js实现倒计时--2018
思路：
（1）获取日期对象、现在距离1970年的毫秒数、2018年距离1970年的毫秒数、2018年距离现在的总秒数；
（2）总秒数/86400，整数部分代表天；
（3）余数部分/3600，整数部分代表小时；
（4）余数部分/60，整数部分代表分钟；
效果如下：
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding:0;
}
p {
font-size: 95px;
text-align: center;
}
p span {
color: red;
}
p span.time {
color: black
}
</style>
</head>
<body>
<p>距离2018年还有</p>
<p><span></span></p>
<script>
var oSpan = document.getElementsByTagName('span')[0];
function tow(n) {
return n >= 0 && n < 10 "time">天</span>'
+ tow(hour) + '<span class="time">小时</span>'
+ tow(minute) + '<span class="time">分钟</span>'
+ tow(second) + '<span class="time">秒</span>';
oSpan.innerHTML = str;
}
getDate();
setInterval(getDate, 1000);
</script>
</body>
</html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！