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

    // 验证码 限制4位数
    <div class="yam">
                        <input value="" oninput="if(value.length>4)value=value.slice(0,4);if(value<0)value=0" type="number" placeholder="验证码" />
                        <input style="background: #FFFFFF;color: #f2921b;" type="button" id="btn" value="获取验证码" onclick="Verification()" /> 
                    </div>
    function settime(obj) { //发送验证码倒计时
        if (countdown == 0) {
            obj.attr('disabled', false);
            //obj.removeattr("disabled"); 
            obj.val("免费获取验证码");
            countdown = 60;
            return;
        } else {
            obj.attr('disabled', true);
            obj.val("重新发送(" + countdown + ")");
            obj.css({
                color:'#bababa'
            })
            countdown--;
        }
        setTimeout(function() {
            settime(obj)
        }, 1000)
    }


    // 点击获取验证码
    function Verification() {
        let html = $('#mobile').val()
        var obj = $("#btn");
        settime(obj);
        console.log(html)
    }
    
    
    
     
  • 相关阅读:
    css列表
    css字体
    css文本
    css背景
    css里的属性
    MySQL语法大全_自己整理的学习笔记
    必看的 jQuery性能优化的38个建议
    p​h​p​异​常​机​制
    常用软件
    php过滤危险html代码
  • 原文地址:https://www.cnblogs.com/wangshishuai/p/13265202.html
Copyright © 2011-2022 走看看