在这里插入代码片@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'))
运行结果: