点击按钮 倒计时60秒方可再次点击发送的Js代码

标签：style   http   color   java   io   ar   cti   代码   

本节内容：
Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果。

比如，一些网站上的手机短信认证的功能，有类似实现点击按钮后，倒计时60秒才能再次点击发送的效果。

本文用Javascript实现点击按钮后，倒计时60秒才能再次点击发送验证码的功能。

例子：

复制代码代码示例:

<input type="button" id="btn" value="免费获取验证码" />
<script type="text/javascript">
var wait=60;
function time(o) {
        if (wait == 0) {
            o.removeAttribute("disabled");            
            o.value="免费获取验证码";
            wait = 60;
        } else { // www.jbxue.com
            o.setAttribute("disabled", true);
            o.value="重新发送(" + wait + ")";
            wait--;
            setTimeout(function() {
                time(o)
            },
            1000)
        }
    }
document.getElementById("btn").onclick=function(){time(this);}
</script>

点击按钮 倒计时60秒方可再次点击发送的Js代码,布布扣,bubuko.com

点击按钮 倒计时60秒方可再次点击发送的Js代码

标签：style   http   color   java   io   ar   cti   代码   

原文地址：http://my.oschina.net/u/1866821/blog/298474