点击发送后，显示60秒倒数
<!-- 案例分析 1、按钮点击之后，会禁用disabled为true 2、同时按钮里面的内容会变化，注意button里面的内容通过 3、里面的秒数是有变化的，因此需要用到定时器 4、定义一个变量，在定时器里面，不断递减 5、如果变量为0说明到了时间，我们需要停止定时器，并且复原按钮初始状态 --> 手机号码：<input type="number" name="" id=""><button>发送</button> <script> var btn = document.querySelector('button'); btn.addEventListener('click',function(){ var time = 60; btn.disabled = true; var timer = setInterval(function(){ if(time == 0){ // 清除定时器和复原按钮 clearInterval(timer); btn.disabled = false; btn.innerHTML = '发送'; }else{ btn.innerHTML = '还剩下' + time + '秒' time --; } }, 1000); }) </script>