今天和大家分享一个时间倒计时,该功能经常用于电商和PC端的活动倒计时处
JS代码:
<div id="wrapper"></div>
<script>
var _wrapper=document.querySelector("#wrapper");
function test(){
// 两个日期相减
var cha=new Date("2023-1-1 00:00:00")-new Date();
console.log(cha); //119373955毫秒
var days=parseInt(cha/1000/60/60/24); //天
var hours=parseInt(cha/1000/60/60%24); //小时
var minutes=parseInt(cha/1000/60%60); //分钟
var seconds=parseInt(cha/1000%60); //秒
_wrapper.innerHTML=`距离2023-1-1日还有${days}天${hours}时${minutes}分${seconds}秒`
}
setInterval("test()",1000);
</script>
效果实现: