倒计时功能如何才能实现

利用 JS 脚本实现网页全自动秒杀抢购

您好,想请教一下倒计时功能的代码是插入在那个位置,我实现不了倒计时功能,谢谢赐教。

Apple



 WATCH

S E R I E S 6

     健康的未来,现在戴上。

预售倒计时 秒!


时钟函数,不就可以实现,抢资源,其它也很关键,比如验证码通过和网速。

img

<body>
<div id="contain">
    <p id="content"></p>
</div>
</body>

<script>
    const endDate = new Date(2022, 2, 1, 10, 0, 0)//2022年3月1日10点0分0秒,月从0开始表示1月,11表示12月
    const timer = (endDate) => {
        const curTime = new Date().getTime()
        let second = Math.floor((endDate.getTime() - curTime) / 1000)
        let hour = 0, min = 0
        if (second >= 3600) {
            hour = Math.floor(second / 3600)
            second -= hour * 3600
        }
        if (second >= 60) {
            min = Math.floor(second / 60)
            second -= min * 60
        }
        document.getElementById('content').innerHTML=`距离 ${endDate.toLocaleString()} 还剩 ${hour} 小时 ${min}${second > 0 ? second : 0} 秒`
    }
    const test = () => {
        timer(endDate)
        requestAnimationFrame(test)
    }
    test()
</script>