JavaScript实现短信倒计时60s


Posted in Javascript onOctober 09, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示;

$(function(){
   //获取验证码
   var getCode = document.getElementById('getCode');
    var wait = 60;
    function time(btn){
      if (wait===0) {
        btn.removeAttribute("disabled");
        btn.innerHTML = "获取验证码";
        wait = 60;
      }else{
        btn.setAttribute("disabled",true);
        btn.innerHTML = wait + "秒后重试";
        wait--;
        setTimeout(function(){
          time(btn);
        },1000);
      }
    }
    getCode.onclick = function(){
      time(this);
    };
})

总结

以上所述是小编给大家介绍的JavaScript实现短信倒计时60s,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript中的undefined 与 null 的区别  补充篇
Mar 17 Javascript
小议Javascript中的this指针
Mar 18 Javascript
node.js中的fs.readdir方法使用说明
Dec 17 Javascript
如何屏蔽防止别的网站嵌入框架代码
Aug 24 Javascript
jquery+正则实现统一的表单验证
Sep 20 Javascript
bootstrap弹出层的多种触发方式
May 10 Javascript
vue router2.0二级路由的简单使用
Jul 05 Javascript
PWA介绍及快速上手搭建一个PWA应用的方法
Jan 27 Javascript
layui添加动态菜单与选项卡
Jul 26 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
Sep 02 Javascript
vue路由的配置和页面切换详解
Sep 09 Javascript
JS实现简易图片自动轮播
Oct 16 Javascript
ES6学习教程之对象字面量详解
Oct 09 #Javascript
AngularJS中的路由使用及实现代码
Oct 09 #Javascript
React如何利用相对于根目录进行引用组件详解
Oct 09 #Javascript
React Native中的RefreshContorl下拉刷新使用
Oct 09 #Javascript
JS实现的全排列组合算法示例
Oct 09 #Javascript
js + css实现标签内容切换功能(实例讲解)
Oct 09 #Javascript
jQuery ajax调用webservice注意事项
Oct 08 #jQuery
You might like
PHP Ajax中文乱码问题解决方法
2009/02/27 PHP
php中文验证码实现方法
2015/06/18 PHP
微信红包随机生成算法php版
2016/07/21 PHP
javascript中关于执行环境的杂谈
2011/08/14 Javascript
jQuery实现单行文字间歇向上滚动源代码
2013/06/02 Javascript
Jquery attr("checked") 返回checked或undefined 获取选中失效
2013/10/10 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
2015/06/20 Javascript
基于jQuery实现左右图片轮播(原理通用)
2015/12/24 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
angular中实现控制器之间传递参数的方式
2017/04/24 Javascript
关于angularJs清除浏览器缓存的方法
2017/11/28 Javascript
用ES6的class模仿Vue写一个双向绑定的示例代码
2018/04/20 Javascript
[52:09]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第二场
2014/05/26 DOTA
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
Python不规范的日期字符串处理类
2014/06/10 Python
python中的内置函数getattr()介绍及示例
2014/07/20 Python
python实现逻辑回归的方法示例
2017/05/02 Python
python+pillow绘制矩阵盖尔圆简单实例
2018/01/16 Python
python实现数据库跨服务器迁移
2018/04/12 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
Python实现的各种常见分布算法示例
2018/12/13 Python
详解Python3 基本数据类型
2019/04/19 Python
python for和else语句趣谈
2019/07/02 Python
PyCharm MySQL可视化Database配置过程图解
2020/06/09 Python
HTML5 Canvas绘制五星红旗
2016/05/04 HTML / CSS
心得体会开头
2014/01/01 职场文书
上班看电影检讨书
2014/02/12 职场文书
国际商务专业求职信
2014/07/15 职场文书
离婚撤诉申请书范本
2015/05/18 职场文书
2015年教研工作总结
2015/05/23 职场文书
电影雷锋观后感
2015/06/10 职场文书
雄兵连:第三季先行图公开,天使恶魔联合,银河之力的新力量
2021/06/11 国漫
Lombok的详细使用及优缺点总结
2021/07/15 Java/Android
springboot使用Redis作缓存使用入门教程
2021/07/25 Redis
SpringBoot+Redis实现布隆过滤器的示例代码
2022/03/17 Java/Android