倒计时设置

最新推荐文章于 2023-05-01 19:31:31 发布

cymx66688

最新推荐文章于 2023-05-01 19:31:31 发布

阅读量253

点赞数

本文链接：https://blog.csdn.net/cymx66688/article/details/83041650

版权

本文详细解析了一个HTML页面中的JavaScript倒计时代码，展示了如何使用getElementById和setInterval方法实现倒计时功能，并在计时结束后通过clearInterval停止计时。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script type="text/javascript">
        var h = 0.01;
        var s = h*60*60;
        function click() {
            var sh = Math.floor(s/3600);
            var sm = Math.floor(s%3600/60);
            var ss = Math.floor(s%60);
            s--;
            var p = document.getElementById("nowTime");
            p.innerText = to2(sh) + ":" + to2(sm) + ":" +to2(ss);
            if (s===0) {
                alert("结束");
                clearInterval(st);
            }
            }
            function to2(m) {
                if (m<10) {
                    return "0" + m;
                }
                return m;
            }
            var st = setInterval(click,1000);
    </script>
</body>
<h1 id="nowTime"></h1>
<script type="text/javascript">
    printTime()
</script>

</html>