js设置倒计时

 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数

now Date()  返回的是当前时间

Sun Mar 27 2022 20:44:22 GMT+0800 (中国标准时间)

getTime() 返回的是毫秒数

1648385062939

思路:先获取当前时间和设置结束时间 ,并转换成毫秒数,计算出开始时间和结束时间之间剩余的毫秒数,然后转换成天数,小时,分钟,秒数。



<script>
     setInterval(function(){
       var nowdate=new Date();  //获取当前时间
      //  console.log(nowdate);    //返回当前时间
       var nowtime=nowdate.getTime();
      //  console.log(nowtime);  //返回毫秒数
       var str="2022/12/21 08:30";  //设置结束时间
       var enddate=new Date(str);
       console.log(enddate);
       var endtime = enddate.getTime();
       var lefttime = endtime-nowtime;   //计算剩余时间
          var days=Math.floor(lefttime/1000/60/60/24);  //计算天数   1s=1000毫秒
          var hours=Math.floor(lefttime/1000/60/60%24);
          var mins=Math.floor(lefttime/1000/60%60);
          var miao=Math.floor(lefttime/1000%60); 
          // console.log(nowdate)
          // console.log(days)
          // console.log(hours)
          // console.log(mins)
          // console.log(miao)
          //在body中输出字符
    document.body.innerHTML=('<h1>'+"距离2022年12月21日8:30还剩:"+days+"天"+hours+"时"+mins+"分"+miao+"秒"+'</h1>')  
               },1000)
</script>

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值