发送验证码倒计时

最新推荐文章于 2024-11-08 13:46:46 发布

weixin_34376986

最新推荐文章于 2024-11-08 13:46:46 发布

阅读量56

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qhorse/p/4599200.html

版权

<!doctype html>
<html lang= " en ">
<head>
    <meta charset= " UTF-8 ">
    <title>发送验证码倒计时</title>
</head>
<body>
    <input type= " button " style= " height:32px;width:120px; " value= " 点击发送验证码 " οnclick= " sendCode(this) " />
    <script type= " text/javascript ">
         var clock = '';
         var nums = 10;
         var btn;
        function sendCode(thisBtn)
        {
            btn = thisBtn;
            btn.disabled = true; // 将按钮置为不可点击
            btn.value = nums+ ' 秒后可重新获取 ';
            clock = setInterval(doLoop, 1000); // 一秒执行一次
        }
        function doLoop()
        {
            nums--;
             if(nums > 0){
                btn.value = nums+ ' 秒后可重新获取 ';
            } else{
                clearInterval(clock); // 清除js定时器
                btn.disabled = false;
                btn.value = ' 点击发送验证码 ';
                nums = 10; // 重置时间
            }
        }
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/qhorse/p/4599200.html