JS练习，读秒倒计时和延时启用按钮。

最新推荐文章于 2022-10-13 18:03:01 发布

BowenXu11

最新推荐文章于 2022-10-13 18:03:01 发布

阅读量277

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/BowenXu11/article/details/105292685

版权

javascript 专栏收录该内容

57 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
            window.setTimeout(function () {
                document.getElementById('btnYes').disabled ='';
            }, 30 * 1000)
            //延时控制同意按钮是否可用
            var intervalID = window.setInterval(function () {
                var n = document.getElementById('countDown').innerHTML;
                if (n>0) {
                    n = --n;
                     document.getElementById('countDown').innerHTML = n;
                }
                else {
                    window.clearInterval(intervalID);
                }
                
            }, 1000);
            //倒计时
        };

    </script>
</head>
<body>
    <P>用户协议</P>
    <p>倒计时 <b id="countDown">30</b>  秒</p>
    <p><input type="button" name="yes" value="同意"  id="btnYes" disabled="disabled" /></p>
</body>
</html>