模拟发送短信案例

<input type="text" id="tel"><button>发送</button>
    <script>
    //点击按钮之后会禁用 disabled 为 true 
    //同时按钮里面的内容会变化，注意 button 里面的内容是通过 innnerHTML 修改的
    //里面秒数是有变化的，因为需要用到定时器
    //定义一个变量，在定时器里面，不断递减
    //如果变量为 0 ，说明到了时间，我们需要停止定时器，并且复原按钮初始状态
    var btn=document.querySelector('button');
    var num =3;
    var t = '';
    btn.onclick=function(){
        btn.disabled=true;
        t = setInterval(function(){
            if(num==0){
                clearInterval(t);
                btn.disabled=false;
                btn.innerHTML='发送';
                num=3;
            }else{
                btn.innerHTML='还剩 '+num+' 秒';
                num--;
            }
        },1000);
    }
    </script>