zoukankan      html  css  js  c++  java
  • 发送验证码倒计时

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>发送验证码倒计时</title>
    </head>
    <body>
        <input type="button" style="height:32px;120px;" value="点击发送验证码" onclick="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>
  • 相关阅读:
    正则表达式复习 (?<=) (?=)
    HTML 30分钟入门教程
    C# 多线程详解
    C# List
    C# 枚举
    C# 线程数
    C# 泛型2
    C# 泛型
    C# 结构体
    不用Google Adsense的84个赚钱方法
  • 原文地址:https://www.cnblogs.com/qhorse/p/4599200.html
Copyright © 2011-2022 走看看