js简单验证码

js完成一个简单的验证码倒计时功能


html

<input type="text"placeholder="请输入验证码">
   <button>获取验证码</button>

js

var second = 3;
    var button = document.querySelector('button');
    button.addEventListener('click',function(){
        this.disabled = true;
        button.innerHTML = second+'秒后再获取';
        var set = setInterval(function(){
            button.innerHTML = (second-1)+'秒后再获取';
            second--;
            if(second == -1){
                clearInterval(set);
                button.disabled = false;
                button.innerHTML = "获取验证码";
                second = 3
            }
        },1000)
        
    })

效果图