利用时间戳+定时器实现的倒计时小例子。仅实现到天。为了偷懒页面极为简陋,效果是可以实现的。
<p></p>
<script>
var p = document.getElementsByTagName('p')[0];
function countDown(argument) {
setInterval(function () {
var date = new Date();
var timess = date.getTime();
var future = Date.parse(argument);
//毫秒数之差
var ms = future - timess;
//天数
var day = add0(Math.floor(ms / 86400000));
//小时数
var hours = add0(Math.floor(ms / 3600000 % 24));
//分钟数
var minute = add0(Math.floor(ms / 60000 % 60));
//秒数
var seconds = add0(Math.floor(ms / 1000 % 60));
//小于十补0
function add0(time) {
if (time < 10) {
return time = '0' + time;
} else {
return time = time
}
}
p.innerHTML = '还剩' + day + '天' + hours + '小时' + minute + '分钟' + seconds + '秒';
}, 1000)
}
countDown('2020-07-12');
</script>