活动倒计时代码，网站计时器-聚指尖

活动倒计时

购票时间将在结束

添加自定义HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>活动倒计时</title>
    <style>
        #countdown {
            font-size: 24px;
            font-weight: bold;
            color: red; /* 将字体颜色设置为红色 */
        }
    </style>
    <script>
        function startCountdown(endTime) {
            function updateCountdown() {
                var now = new Date().getTime();
                var distance = endTime - now;

                var days = Math.floor(distance / (1000 * 60 * 60 * 24));
                var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
                var seconds = Math.floor((distance % (1000 * 60)) / 1000);

                document.getElementById('countdown').innerHTML = 
                    days + "天 " + hours + "小时 " + minutes + "分钟 " + seconds + "秒 ";

                if (distance < 0) {
                    clearInterval(interval);
                    document.getElementById('countdown').innerHTML = "活动已结束";
                }
            }

            updateCountdown();
            var interval = setInterval(updateCountdown, 1000);
        }

        window.onload = function() {
            var endTime = new Date("2099-06-25T23:59:59").getTime();
            startCountdown(endTime);
        };
    </script>
</head>
<body>
    <p>购票时间将在 <span id="countdown"></span> 结束</p>
</body>
</html>

感谢您的观看，对您有用就分享出去吧！

文章版权归作者所有，未经允许请勿转载。

文章版权声明 1 本网站名称：聚指尖
2 本站永久网址：https://blog.juzhijian.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ 进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7 本站默认解压密码：juzhijian.com

THE END

WordPress
# WordPress # WordPress主题美化

活动倒计时代码，网站计时器

添加自定义HTML

请登录后发表评论