Dom 倒计时按钮

最新推荐文章于 2022-09-23 18:33:51 发布

Soloensiz

最新推荐文章于 2022-09-23 18:33:51 发布

阅读量449

点赞数

分类专栏： web前端文章标签： dom web前端

本文链接：https://blog.csdn.net/Lu_1u/article/details/75094688

版权

web前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title></title>
    <style type="text/css">
        .div1{
            width:600px;
            height:371px;

            background-color: lightgray;
        }

    </style>


</head>
<body>

<div class="div1" id="div01">服务条款</div>
<br/>
<input id="register" type="submit" value="请先阅读服务条款(10)" disabled="disabled"/>


</body>
</html>

<script type="text/javascript">

    //获得元素
    var inputElement = document.getElementById("register");

    //定时器

    var remainTime = 10;
    var intervalId = setInterval(function () {
        remainTime--;
        //判断剩余时间，如果大于0继续倒计时
        if(remainTime>0){
            inputElement.value = "请先阅读服务条款("+remainTime+")";
        }else{
            clearInterval(intervalId);
            inputElement.value = "注册";
            inputElement.disabled = false;
        }
    }, 1000)

</script>