1、使用getTime()方法获取总毫秒数(时间戳)
2、将设定的时间的毫秒数-当前时间的毫秒数··
(天、时、分、秒)计算方法如下
·整天:总的毫秒数 / 一天的毫秒数
·小时:(总的毫秒数 / 一个小时的毫秒数) % 24小时(因为整小时部分已经被整天拿走了,相除剩下的就是剩余小时数量,再取余24小时就可以得到剩下多少个小时)
·分钟和小时的计算一样,去掉整分钟数,用余下的分钟数 % 60分钟就可以得到剩下的分钟数
·秒的计算一样————————————————
版权声明:本文为CSDN博主「岁寒,然后知BUG之难改也」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/z2475371077/article/details/120370210
实现代码如下
<body>
<h1></h1>
<script>
let h1=document.querySelector('h1');
function showTime() {
let nowTime = new Date();//获取当前时间
let setTime = new Date('2023/1/1');//设置结束时间
let remianAllSeconds = Math.floor((setTime.getTime() - nowTime.getTime()) / 1000);//剩余总秒数
let remainDays = Math.floor(remianAllSeconds / (60 * 60 * 24));//剩余天数
let remainHours = Math.floor(remianAllSeconds / (60 * 60) % 24);//剩余小时数
let remainMinutes = Math.floor(remianAllSeconds / 60 % 60);//剩余分钟数
let remainSeconds = Math.floor(remianAllSeconds % 60);//剩余秒数
let str=`距离结束时间剩余${remainDays}天${remainHours}小时${remainMinutes}分钟${remainSeconds}秒`
return str;
}
setInterval(function(){
h1.innerHTML=showTime();
},1000)
</script>
</body>
运行结果: