js 实现新年倒计时 定时器使用

js 实现新年倒计时 定时器使用

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>倒计时title>
head>
<body>
    <h1 id="text">h1>
    <script type="text/javascript">
        var  text = document.getElementById('text');
        
        //当前日期
           setInterval(function(){
           var dt = new Date();
        //2022.2.1
           var target = new Date('2 1 2022');
           console.log(target)
        //时间差 (毫秒)
           var time= target-dt;
           var days = parseInt(time/1000/60/60/24);
        //除去天数,取余
           time = time%(1000*60*60*24);
           var hours=parseInt(time/1000/60/60);
           time = time%(1000*60*60);
            var mins=parseInt(time/1000/60);
           time=time%(1000*60);
          var sec=parseInt(time/1000);
           text.innerText="距离新年还有:"+days+"天"+hours+"时"+mins+"分"+sec+"秒";
        },1000)
      
    script>
body>
html>

在这里插入图片描述

你可能感兴趣的:(html,css,js,jq,javascript,前端,vue.js)