当前位置: 首页 > news >正文

发送验证码倒计时效果

效果图:

代码:

 $(function() {
            var Time = 10,
                t;
            var c = Time
            $("#fsyzm").on("click", function() {
                console.log("开始了");
                timedCount();
            })

            function timedCount() {
                $('#fsyzm').val("请稍等(" + c + ")");
                $('#fsyzm').attr("disabled", "disabled");
                c = c - 1;
                t = setTimeout(function() {
                    timedCount();
                }, 1000);
                if (c < 0) {
                    c = Time;
                    stopCount();
                    $('#fsyzm').val("发送校验码");
                    $('#fsyzm').removeAttr("disabled");

                }
            }

            function stopCount() {
                clearTimeout(t);
            }
        })

 升级版本 防止刷新

 

转载于:https://www.cnblogs.com/h5monkey/p/7080134.html

相关文章:

  • Perhaps JAVA_HOME does not point to the JDK
  • Java开发环境配置_Eclipse
  • 【转】CentOS下MySQL忘记root密码解决方法
  • 简述ASP.NET Web网页的工作原理。
  • IT职场人,切不要一辈子靠技术生存
  • SSL/TLS 握手过程详解
  • Oracle数据库重复数据删除的三种情况
  • 优化数据库大幅度提高Oracle的性能
  • java容器类
  • Oracle表连接方式之等值连接、外部连接
  • eclipse环境下,java操作MySQL的简单演示
  • 牛人博客链接
  • oracle执行计划相关概念
  • 日常(委屈到爆炸)
  • oracle SQL表执行路径(表扫描方式)
  • @angular/forms 源码解析之双向绑定
  • 07.Android之多媒体问题
  • 2017前端实习生面试总结
  • Eureka 2.0 开源流产,真的对你影响很大吗?
  • HomeBrew常规使用教程
  • js写一个简单的选项卡
  • mysql外键的使用
  • oldjun 检测网站的经验
  • React-Native - 收藏集 - 掘金
  • VUE es6技巧写法(持续更新中~~~)
  • 关于for循环的简单归纳
  • 批量截取pdf文件
  • 设计模式 开闭原则
  • 使用Tinker来调试Laravel应用程序的数据以及使用Tinker一些总结
  • 在Unity中实现一个简单的消息管理器
  • 掌握面试——弹出框的实现(一道题中包含布局/js设计模式)
  • AI算硅基生命吗,为什么?
  • ​ 轻量应用服务器:亚马逊云科技打造全球领先的云计算解决方案
  • ​LeetCode解法汇总2583. 二叉树中的第 K 大层和
  • ​sqlite3 --- SQLite 数据库 DB-API 2.0 接口模块​
  • ​ubuntu下安装kvm虚拟机
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • #微信小程序(布局、渲染层基础知识)
  • (2024,RWKV-5/6,RNN,矩阵值注意力状态,数据依赖线性插值,LoRA,多语言分词器)Eagle 和 Finch
  • (4) openssl rsa/pkey(查看私钥、从私钥中提取公钥、查看公钥)
  • (delphi11最新学习资料) Object Pascal 学习笔记---第7章第3节(封装和窗体)
  • (Java实习生)每日10道面试题打卡——JavaWeb篇
  • (草履虫都可以看懂的)PyQt子窗口向主窗口传递参数,主窗口接收子窗口信号、参数。
  • (超详细)2-YOLOV5改进-添加SimAM注意力机制
  • (二)JAVA使用POI操作excel
  • (个人笔记质量不佳)SQL 左连接、右连接、内连接的区别
  • (七)Knockout 创建自定义绑定
  • (学习日记)2024.03.12:UCOSIII第十四节:时基列表
  • (循环依赖问题)学习spring的第九天
  • (一)python发送HTTP 请求的两种方式(get和post )
  • (转)MVC3 类型“System.Web.Mvc.ModelClientValidationRule”同时存在
  • (转)利用PHP的debug_backtrace函数,实现PHP文件权限管理、动态加载 【反射】...
  • (转)全文检索技术学习(三)——Lucene支持中文分词
  • (转载)VS2010/MFC编程入门之三十四(菜单:VS2010菜单资源详解)
  • ***检测工具之RKHunter AIDE