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

最新推荐文章于 2023-01-15 17:07:17 发布

最新推荐文章于 2023-01-15 17:07:17 发布

阅读量405

点赞数

CC 4.0 BY-SA版权

分类专栏： html css js jq 文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/Vue1024/article/details/122260959

html css js jq 专栏收录该内容

36 篇文章

订阅专栏

本文介绍如何使用JavaScript为即将到来的新年创建一个实时倒计时功能，通过设置定时器每隔一秒更新剩余天数、小时、分钟和秒数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>