js实现用户注册协议倒计时的方法

207 阅读 0 评论 137 点赞

我是靠谱客的博主明亮鞋垫，最近开发中收集的这篇文章主要介绍js实现用户注册协议倒计时的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本文实例讲述了js实现用户注册协议倒计时的方法。分享给大家供大家参考。具体实现方法如下：

复制代码代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">  

<head>  

    <title>注册</title>  

    <script type="text/javascript">  

        //用户有十秒钟的时间看协议，超过十秒钟，“同意”按钮将生效  

        var Seconds = 10;  

        //计时器ID  

        var setIntervalID;  

        function ok() {  

            var getid = document.getElementById("but");  

            if (Seconds <= 0) {  

                getid.value="同意";  

                getid.disabled = false; //或者写成getid.disabled=""; 启用getid控件。  

                //停止计时器  

                clearInterval(setIntervalID);  

            }  

            else {  

                getid.value = "请仔细阅读协议还剩下【" + Seconds + "】秒"; 

            }  

            Seconds--;  

        }  

      setIntervalID=setInterval("ok()", 1000);  

    </script>  

</head>  

<body>  

<textarea  cols="20" rows="8"></textarea><br />  

<!--disabled="disabled" 默认submit表单是禁用的，也就是只读的，不能点击-->

<input type="submit" id ="but" value="同意" disabled="disabled" />  

</body>  

</html>