纯JS完成时间倒计时,详细步骤和注释

        今天和大家分享一个时间倒计时,该功能经常用于电商和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>

效果实现:

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值