完整网页代码|结束倒计时

时间:2年前   阅读:1401
<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>倒计时开始</title>
    <script> 
/**获取现在的时间*/
        var nowTime = new Date().getTime();
        /**活动开始时间*/
        var startT = '2021-01-20 10:00:00'.replace(/-/g, "/");
        var startTime = new Date(startT).getTime();
        /**活动结束时间*/
        var endT = '2030-03-07 10:00:00'.replace(/-/g, "/");
        var endTime = new Date(endT).getTime();
        var timeDiff;
        var remark = "距离活动";
        if (startTime >= nowTime) {
            /**活动未开始*/
            timeDiff = (startTime - nowTime) / 1000;
            remark += "开始";

        } else if (startTime < nowTime && nowTime <= endTime) {
             /**活动已开始未结束*/
            timeDiff = (endTime - nowTime) / 1000;
            remark += "结束";
        } else if (nowTime > endTime) {
             /**活动已结束*/
            remark = "活动已结束";
        }
        if (timeDiff > 0) {
            setUpTimer(timeDiff);
        }

        /**定时器*/
        var t;
        function setUpTimer(time) {
            t = setInterval(function () {
                time--
                formatSeconds(time)
                if (time <= 0) {
                    clearInterval(t)
                }
            }, 1000)
        }
        /**小于10的数字前加0*/
        function formatBit(val) {
            /*转变为数字类型*/
            val = +val
            return val > 9 ? "<span>" + val + "</span>" : "<span>0" + val + "</span>"
        }
        /**根据时差计算剩余时分秒*/
        function formatSeconds(time) {
            if (time < 0) {
                time = 0;
            }
            var min = Math.floor(time % 3600)
            var val = formatBit(Math.floor(time / 3600)) + ':' + formatBit(Math.floor(min / 60)) + ':' + formatBit(Math.floor(time % 60))
            document.getElementsByClassName("clock-s")[0].innerHTML = remark + val;
        }
</script> 
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        .clock-s {
            margin: 50px;
            text-align: center
        }
        .clock-s span {
            padding: 10px 5px;
            margin-left: 5px;
            background-color: #dcdcdc;
            border-radius: 4px;
        }    </style></head><body>
    <div class="clock-s">
        <span>00</span>:<span>00</span>:<span>00</span>
    </div></body></html>

网站做活动的时候用来做倒计时挺好的

完整网页代码|结束倒计时

破凉发卡射击游戏自瞄教程射击游戏自瞄器射击游戏自瞄辅助器枪战游戏自瞄思路图和平直装独角兽V14破解[2022/11/24]Fatality Crack FA破解正式免费丨摇头/暴力/视觉/杂项/反自瞄最新破解版SexLove_1.0.2【和平精英】肥熊直装2.0(破解版)王者荣耀辅助自瞄准线王者荣耀辅助自瞄准王者荣耀辅助自瞄软件王者荣耀辅助自瞄下载游戏自瞄辅助器软件游戏自瞄辅助器免广告游戏自瞄辅助器王者游戏自瞄辅助器无风险游戏自瞄辅助器免费游戏自瞄辅助器国际服王者荣耀自瞄下载安装守约自瞄脚本论坛守约自瞄教程图解守约自瞄教程下载守约自瞄教程视频百里守约自瞄挂苹果百里守约自瞄怎么开启守约如何开启自瞄按钮守约如何开启自瞄模式王者荣耀守约自瞄脚本王者荣耀守约自瞄下载自瞄是词语吗自瞄什么意思自瞄是啥意思网络用语自瞄是啥意思呀自瞄是啥意思啊射击游戏自瞄原理射击游戏自瞄脚本手机自瞄软件自瞄软件下载游戏自瞄软件哪个好用游戏自瞄软件有哪些fps自瞄教程枪战英雄自瞄枪战游戏自瞄思路图解枪战游戏自瞄思路设置动态自瞄是什么意思游戏自瞄是什么意思呀pubg手游自瞄绝地求生 自瞄绝地求生手游自瞄准星射击游戏自瞄脚本教程游戏自瞄教程软件游戏自瞄教程视频游戏自瞄原理图解游戏自瞄原理图游戏自瞄原理是什么单机游戏自瞄fps游戏自瞄思路射击游戏自瞄思路游戏自瞄思路怎么设置

上一篇:完整网页代码|移动端/pc端实现点击复制功能

下一篇:js代码|移动端横屏提示代码

网友评论