倒计时五秒钟

219 阅读1分钟
<script> |                                                                  |
| -------- | ---------------------------------------------------------------- |
|          |                                                                  |
|          | let bth = document.getElementById('bth') //通过ID获取 按钮        |
|          | let spa = document.getElementById('s') //通过ID获取 span         |
|          |                                                                 |
|          | bth.onclick = function () { //点击的时候进行的操作                |
|          | bth.disabled = true //灰置点击按                                  |
|          | let o = 6; // 自定义的数字变量                                    |
|          | let d = setInterval(fn1, 1000); //每隔一秒刷新一次                |
|          | function fn1() {                                                 |
|          | o--; //定义的变量 减一                                             |
|          | spa.innerHTML = o + '秒后获取验证码' //把获取的值通过innerHTML给 span 这样数字才不会叠加 |
|          | if (o == 0) { //判断 数字减到0的时候                               |
|          | spa.innerHTML = '重新获取' //重新给span赋值                        |
|          | clearTimeout(d) //清楚定时器                                      |
|          | bth.disabled = false //按钮 恢复                                  |
|          |                                                                  |
|          | }                                                                |
|          | }                                                                |
|          |                                                                  |
|          | }                                                                |
|          | </script>