11 倒计时

三秒倒计时

    <button id="btn">3</button>
   <script>
        var btn = document.getElementById("btn");
        var num = 3;
        function go(){
            // 递归;函数调用函数自身
            setTimeout(function(){
                num--;
                if(num>=0){
                    btn.innerHTML = num;
                    go();
                }
            },1000)
        }
        go();
    </script>

5秒倒计时点击的时候在页面上倒计时

    <button id="btn">发送验证码</button>
    <script>
        var num = 5;
        var btn = document.getElementById("btn");
        var timer 
        // 第一步 让按钮进入倒计时的状态（不能点击）
         btn.onclick = function(){
            this.disabled = true;
            this.innerHTML = num;
            // 第二步 每过一秒  num自减
           timer =  setInterval(function(){
                num--;
                if(num>=0){
                    btn.innerHTML = num;
                }else{
                    btn.disabled = false;
                    btn.innerHTML = "发送验证码";
                    num = 5;
                    clearInterval(timer);
                }
            },1000)         
        }
    </script>