获取手机验证码倒计时那些事

最新推荐文章于 2021-08-10 14:24:43 发布

dengyu5435

最新推荐文章于 2021-08-10 14:24:43 发布

阅读量133

点赞数

原文链接：http://www.cnblogs.com/bolin-123/p/9175711.html

版权

获取手机验证码倒计时

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>获取验证码</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    
    </head>

    <body>
        <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 { o.setAttribute("disabled", true); o.value = "重新发送(" + wait + ")"; wait--; setTimeout(function() { time(o) },1000); } } document.getElementById("btn").onclick = function() { time(this); } </script> </body> </html>