用JS实现页面倒计时的方法

倒计时有很多应用场景，比如说限时抢购、秒杀活动等，本文讲解如何用JS实现页面倒计时。首先需要获取到需要倒计时的结束时间，然后计算出距离结束的时间差，最后再将时间差转换成天、时、分、秒的格式渲染到页面上。具体实现可以参考以下代码：

//获取结束时间
var endTime = '2021-08-01 19:30:00';

//将结束时间转换成时间戳
var endTimestamp = new Date(endTime).getTime();

//计算时间差
var interval = endTimestamp - new Date().getTime();

//转换成天、时、分、秒的格式
var days = Math.floor(interval / (1000 * 60 * 60 * 24));
var hours = Math.floor((interval % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((interval % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((interval % (1000 * 60)) / 1000);

//渲染到页面上
document.getElementById('countdown').innerHTML = '距离结束还有：'+days+'天'+hours+'时'+minutes+'分'+seconds+'秒';