发送短信——案例
案例：点击按钮后，该按钮60秒之内不能再次点击，防止重复发送短信
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 手机号码：<input type="number" /><button>发送</button> 9 <script> 10 var btn = document.querySelector('button'); 11 var time = 3; 12 btn.addEventListener('click', function(){ 13 btn.disabled = true; 14 var timer = setInterval(function() { 15 if (time == 0) { 16 // 清除定时器和复原按钮 17 clearInterval(timer); 18 btn.disabled = false; 19 btn.innerHTML = '发送'; 20 } else { 21 btn.innerHTML = '还剩下' + time + '秒'; 22 time--; 23 } 24 }, 1000); 25 }) 26 </script> 27 </body> 28 </html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！