<body>
<span class="hour">1</span>:
<span class="minute">2</span>:
<span class="second">3</span>
<script>
// 小时
var hour = document.querySelector('.hour')
// 分钟
var minute = document.querySelector('.minute')
// 秒数
var second = document.querySelector('.second')
// 结束时间的总毫秒数
var inputTime = +new Date('2022-7-7 15:00:00');
countDown(); //先调用一次函数,防止第一次刷新页面有空白
var gettime = setInterval(countDown, 1000)
function countDown(time) {
// 当前时间的总毫秒数
var nowTime = +new Date();
// times获取剩余时间总毫秒数
var times = (inputTime - nowTime) / 1000;
// 小时
var h = parseInt(times / 60 / 60 % 24);
// 是否个位数,如果是个位数在前面加0,如果不是直接显示
h = h < 10 ? '0' + h : h;
hour.innerHTML = h;
// 分钟
var m = parseInt(times / 60 % 60);
m = m < 10 ? '0' + m : m;
minute.innerHTML = m;
// 秒数
var s = parseInt(times % 60);
s = s < 10 ? '0' + s : s;
second.innerHTML = s;
}
</script>
</body>
js倒计时
最新推荐文章于 2024-05-30 11:27:58 发布