用js写秒杀倒计时 将计算的时间差结合window对象的定时器setInterval和clearInterval实现秒杀倒计时
// 倒计时函数 function countDown(endTime) { // 获取当前时间戳 var nowTime = new Date().getTime(); // 计算时间差 var diffTime = endTime - nowTime; // 判断时间差是否大于0 if (diffTime > 0) { // 计算剩余时间 var days = Math.floor(diffTime / (24 * 60 * 60 * 1000)); var hours = Math.floor((diffTime % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000)); var minutes = Math.floor((diffTime % (60 * 60 * 1000)) / (60 * 1000)); var seconds = Math.floor((diffTime % (60 * 1000)) / 1000); // 将剩余时间显示在页面上 document.getElementById("days").innerHTML = days; document.getElementById("hours").innerHTML = hours; document.getElementById("minutes").innerHTML = minutes; document.getElementById("seconds").innerHTML = seconds; } else { // 时间差小于等于0时清除定时器 clearInterval(timer); document.getElementById("countdown").innerHTML = "秒杀已结束"; } }
// 设置秒杀结束时间 var endTime = new Date("2021-06-30 00:00:00").getTime();
// 每秒更新倒计时 var timer = setInterval(function() { countDown(endTime); }, 1000)
原文地址: https://www.cveoy.top/t/topic/fjKO 著作权归作者所有。请勿转载和采集!