HTML60秒倒计时 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>60秒倒计时</title>
 7 </head>
 8 
 9 <body>
10     <input type="button" id="btn" value="获取验证码" onclick="sendemail()" />
11 </body>
12 
13 </html>
14 <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
15 <script>
16 var countdown = 5
17 
18 function sendemail() {
19     var obj = $("#btn")
20     settime(obj)
21     console.log('发送邮件')
22 }
23 
24 function settime(obj) {
25     if (countdown == 0) {
26         obj.attr('disabled', false)
27         obj.val("获取验证码")
28         countdown = 5
29         return
30     } else {
31         obj.attr('disabled', true)
32         obj.val("重新发送(" + countdown + ")")
33         countdown--
34     }
35     setTimeout(function() {
36         settime(obj)
37     }, 1000)
38 }
39 </script>

__EOF__

本文作者：阿星Plus
本文链接：https://www.cnblogs.com/meowv/p/10134028.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！
posted @   阿星Plus  阅读(912)  评论(0)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？
点击右上角即可分享
微信分享提示
AI IDE Trae