js实现点击按钮后变灰不可再点并进入倒计时
2023-06-20 22:37
JavaScript
116
0
0
0
标题录入
封面图
，倒计时完成后可再次点击 ``` <div id="app"> <div> <button id="btn" @click="countdown">发送验证码</button> </div> </div> <script> var app = new Vue({ el: '#app', data: { count: 60, interval: null }, methods: { countdown() { // 禁用按钮 document.getElementById('btn').setAttribute('disabled', true); // 倒计时 this.interval = setInterval(() => { if (this.count > 0) { this.count--; } else { // 释放按钮 document.getElementById('btn').removeAttribute('disabled'); clearInterval(this.interval); } }, 1000); } } }) </script> ```
上一篇：
js 生成随机13位国际条码 支持获取校验位
下一篇：
js获取dom元素的子元素,父元素,兄弟元素
标题录入，一次不能超过6条
灵感和创意的闪现
T:0.004197s,M:236.02 KB
返回顶部
留言
留言
评论