js点击发送验证码 xx秒后重新发送

用于一些注册类的场景，点击发送验证码，xx秒后重新发送。

利用 setTimeout 方法，xx秒后执行指定的方法，修改button的属性值，disabled为true时为灰色，不可点击。

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>-->

<script type="text/javascript">

var countdown=60;

function settime(obj) {

    if (countdown == 0) {

        obj.removeAttribute("disabled");

        obj.value="获取验证码";

        countdown = 60;

        return;

    } else {

        obj.setAttribute("disabled", true);

        obj.value="重新发送(" + countdown + ")";

        countdown--;

    }

setTimeout(function() {

        settime(obj);

    }

    ,1000);

}

</script>

<body>

<label>

    <input type="text" name="textfield">

</label>

<input type="button" id="btn" value="获取验证码" onclick="settime(this)" />

</body>

</html>

巴特西

js点击发送验证码 xx秒后重新发送

最新文章

热门文章