倒计时效果

在这里插入代码片@TOC

倒计时效果

利用时间戳的方法设计倒计时效果

// 倒计时效果

function countDown(times) {
    var date = new Date();
    var date1 = new Date(times);
    var nowTime = date.getTime();//返回总的毫秒数
    var inputTime = date1.getTime();  //返回用户输入的毫秒数
    var times = (inputTime - nowTime) / 1000;  //剩下的毫秒数,除于1000毫秒转换为秒数
    var day = parseInt(times / 60 / 60 / 24);  //得到天数
    day = day < 10 ? '0' + day : day;
    var hours = parseInt(times / 60 / 60 % 24); //得到小时数
    hours = hours < 10 ? '0' + hours : hours;
    var minutes = parseInt(times / 60 % 60);  //得到分钟数
    minutes = minutes < 10 ? '0' + minutes : minutes;
    var seconds = parseInt(times % 60);  //得到秒数
    seconds = seconds < 10 ? '0' + seconds : seconds;
    return day + '天' + hours + '小时' + minutes + '分钟' + seconds + '秒'
}
document.write(countDown('2023-3-16 18:00:00'))

运行结果：