发送短信案例的js

核心原理
1、点击按钮后按钮禁用；
2、添加定时器，按钮的innerhtml修改为：还剩下n秒，设置变量n的剩余秒数，每循环一次n--；
3、当n = 0，按钮恢复，innerhtml改为：发送，最后变量设置变量n的剩余秒数;

JS

// 获取元素
    var input = document.querySelector('input');
    var btn = document.querySelector('button');   
    btn.onclick = function(){
        // 按下按钮禁用
        this.disabled = 'true';
        // 定义剩下的秒数
        uNumber = 3;
        var timer = setInterval(function(){
            if(uNumber == 0 ){
                clearInterval(timer);
                btn.innerHTML = '再次发送';
                uNumber = 3;
                btn.disabled = false;
            } else {
                btn.innerHTML = '还剩下' + uNumber + '秒';
                uNumber--;
            }

        },1000)
    }