点击获取验证码效果

var Btn = document.getElementById('btn');
        var star = 10;

        Btn.onclick = function(){
            var timer = setInterval(function(){
                star--;
                Btn.disabled = true;
                Btn.innerHTML = "重新发送验证码" + "(" + star + ")";
                console.log(star);
                if(star <= 0){
                    Btn.innerHTML = "获取短信验证码";
                    Btn.disabled = false;
                    clearInterval(timer);
                }
            }, 1000);
        }

html：

<button type="button" id="btn">获取短信验证码</button>

　　值得一提的是，button按钮的类型问题，button按钮的默认类型是submit类型，如果不指定具体的的button类型的话，就会默认为submit，这样点击时候就会刷新页面，导致效果重置