js实现点击按钮后变灰不可再点并进入倒计时
2023-06-20 22:37
JavaScript
SQL Server
Oracle
MySQL
PostgreSQL
NoSQL
大数据
其他数据库
Windows
Windows Server
Linux
macOS
嵌入式
APACHE
NGINX
redis
Docker
git
互联网
tomcat
Html/Css
JavaScript
jQuery
HTML5
Angular
React
Vue
小程序
架构设计
面向对象
设计模式
领域驱动设计
Android开发
iOS开发
Flutter
鸿蒙
其他手机开发
敏捷开发
项目与团队管理
软件工程其他
.NET
Java
Python
Go
PHP
C++
Ruby
Swift
C语言
Erlang
Delphi
Scala
R语言
Verilog
Dart
Rust
其他语言
asp
nodejs
读书区
翻译区
求职面试
计算机图形学
软件测试
菜谱
SEO技术
摄影
生活技巧
133
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.009830s,M:156.92 KB
返回顶部
留言
留言
评论