js代码实现动态计算元旦倒计时

最新推荐文章于 2025-02-17 09:58:45 发布

y先森

最新推荐文章于 2025-02-17 09:58:45 发布

阅读量341

点赞数 3

文章标签： javascript 开发语言 ajax

本文链接：https://blog.youkuaiyun.com/yyyyyyysc/article/details/143903720

版权

代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1><marquee behavior="" direction=""></marquee></h1>
    <script>
        function countDown() {
            let marquee =document.querySelector('marquee')
            var nowTimer = new Date(); 
            var valueTimer = new Date("2025-01-01 00:00:00"); 
            var timer = (valueTimer - nowTimer) / 1000;
            var day = parseInt(timer / 60 / 60 / 24);
            day = day < 10 ? "0" + day : day;
            var hour = parseInt(timer / 60 / 60 % 24);
            hour = hour < 10 ? "0" + hour : hour;
            var minute = parseInt(timer / 60 % 60);
            minute = minute < 10 ? "0" + minute : minute;
            var second = parseInt(timer % 60);
            second = second < 10 ? "0" + second : second;
            marquee.innerHTML="元旦倒计时："+day + "天" + hour + "时" + minute + "分" + second + "秒"
            marquee.style.color=`rgb(${sj()},${sj()},${sj()})`
        }
        countDown();
        setInterval(countDown, 1000);
        function sj(){
            return Math.floor(Math.random()*256)
        }
    </script>
</body>
</html>

效果图：