zoukankan      html  css  js  c++  java
  • jquery 60s倒计时

    前端开发中经常用到的发送按钮倒计时,每次都是重写,挺麻烦的,记录一下,以后直接来复制代码

    <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="content-type" content="text/html; charset=UTF-8">
            <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
            <title>60s倒计时</title>
            <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
        </head>
        <body>
            <input type="button" value="邮箱验证码" onclick="sendVerificationCode(this)" />
                
            <script type="text/javascript">
                //发送验证码按钮的60s倒计时
                var countdown = 60;
                function sendVerificationCode(obj) {
                    if(countdown == 0) {
                        obj.removeAttribute("disabled");
                        obj.value = "重新获取";
                        countdown = 60;
                        return;
                    } else {
                        obj.setAttribute("disabled", true);
                        obj.value = "重新(" + countdown + ")";
                        countdown--;
                    }
                    setTimeout(function() {
                        sendVerificationCode(obj)
                    }, 1000)
                }
            </script>
        </body>
    </html>
  • 相关阅读:
    情人节玫瑰花
    Yii2美化confirm
    apache ab压力测试
    Yii2的Debug工具
    yii2的扩展程序包
    slim
    composer使用
    打印
    yii的csv导出
    ajax文件下载
  • 原文地址:https://www.cnblogs.com/qing619/p/9303600.html
Copyright © 2011-2022 走看看