Javascript实现倒计时注册按钮

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Javascript实现倒计时注册按钮</title>
</head>
<!--onload初始化执行，使第一次不为空-->
<body onload="setTime()">
    <center>
        <h4>用户服务协议</h4>
        <textarea rows="10" cols="100">
        </textarea><br />
        <input type="button" id="Zhuce" disabled="disabled" onclick="alert('注册成功')"/>
    </center>
</body>
</html>
<script type="text/javascript" language="javascript">
    var f = setInterval("setTime()", 1000);
    var i = 10;
    function setTime() {
        var btn = document.getElementById("Zhuce");
        //判断是否得到控件，有的时候网速慢控件没有加载到
        if (btn) {
            btn.disabled = true;
            if (i > 0) {
                btn.value = "请仔细阅读协议（还剩" + i + "秒)";
                i--;
            } else {
                clearInterval(f);
                btn.value = "注册";
                btn.disabled = false;
            }
        }
    }
</script>

posted @ 2013-04-21 21:17  ipangjie  阅读(150)  评论(0)    收藏  举报