<body>
<h1>距离除夕还有</h1>
<p id="time"></p>
<button id="start">开始</button>
<button id="stop">暂停</button>
</body>
<script>
function ss() {
//如果时间小于10,前面加上0
function zero(t) {
var str = "";
if (t < 10) {
str = "0" + t
} else {
str = t
}
return str;
}
//声明一个今天的日期
var today = new Date();
// console.log(today);
//结束的日期
var date = new Date("Jan 2020 24 00:00:00 ");
//剩余的毫秒数
var shengyu = date.getTime() - today.getTime();
console.log(shengyu);
//计算出还剩多少天
var d = parseInt(shengyu / 1000 / 60 / 60 / 24);
console.log(d)
//计算出还余多少小时
var h = parseInt(shengyu / 1000 / 60 / 60 % 24);
console.log(h)
//余多少分钟
var m = parseInt(shengyu / 1000 / 60 % 60);
console.log(m)
//余多少秒
var s = parseInt(shengyu / 1000 % 60);
console.log(s);
document.getElementById("time").innerHTML = zero(d) + "天" + zero(h) + "小时" + zero(m) + "分钟" + zero(s) + "秒";
}
ss();
//开始,暂停
var start = document.getElementById("start");
var stop = document.getElementById("stop");
start.onclick = function () {
timer = setInterval(ss, 1000);
}
stop.onclick = function () {
clearInterval(timer)
}
</script>
</html>