原理:输入的时间减去现在的时间就是剩余的时间,即倒计时。
注意:不能用时分秒相减,如05分减去25分,结果会是负数。
采用时间戳来做,用户输入时间总的毫秒数减去现在时间总的毫秒数,得到的就是剩余时间的毫秒数。再将剩余时间的总的毫秒数转换为天、时、分、秒(将时间戳转换为时分秒)。
转换公式如下:
天数:d=parseInt(总秒数/60/60/24);
小时:h=parseInt(总秒数/60/60%24);
分钟:m=parseInt(总秒数/60%60);
秒数:s=parseInt(总秒数%60);
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
//倒计时效果
function countDown(time){
var nowTime=+new Date();//返回当前时间总的毫秒数
var inputTime=+new Date(time);//返回用户输入时间总毫秒数
var times=(inputTime-nowTime)/1000;//剩余时间总的秒数
//转换时分秒
var d=parseInt(times/60/60/24);
var h=parseInt(times/60/60%24);
var m=parseInt(times/60%60);
var s=parseInt(times%60);
return d+'天'+h+'时'+m+'分'+s+'秒';
}
console.log(countDown('2023-1-31 20:30:00'));
</script>
</head>
<body>
</body>
</html>
效果图: