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 相关文章推荐
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
Apr 07 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
Apr 10 Javascript
两个数组去重的JS代码
Dec 04 Javascript
jquery垂直公告滚动实现代码
Dec 08 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
Dec 08 Javascript
JS优化与惰性载入函数实例分析
Apr 06 Javascript
详解AngularJs ui-router 路由的简单介绍
Apr 26 Javascript
layui之select的option叠加问题的解决方法
Mar 08 Javascript
JS解惑之Object中的key是有序的么
May 06 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
Aug 28 Javascript
vue实现商城秒杀倒计时功能
Dec 12 Javascript
vue-resourc发起异步请求的方法
Feb 11 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 采集程序 常用函数
2008/12/18 PHP
php使用qr生成二维码的示例分享
2014/01/20 PHP
php删除数组元素示例分享
2014/02/17 PHP
html静态页面调用php文件的方法
2014/11/13 PHP
CI配置多数据库访问的方法
2016/03/28 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
jquery调用wcf并展示出数据的方法
2011/07/07 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
很棒的Bootstrap选项卡切换效果
2016/07/01 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
vue.config.js中配置Vue的路径别名的方法
2020/02/11 Javascript
[48:38]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs Secret
2018/03/31 DOTA
Windows下用py2exe将Python程序打包成exe程序的教程
2015/04/08 Python
python爬虫入门教程--快速理解HTTP协议(一)
2017/05/25 Python
python使用opencv读取图片的实例
2017/08/17 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
Python实现蒙特卡洛算法小实验过程详解
2019/07/12 Python
Python下利用BeautifulSoup解析HTML的实现
2020/01/17 Python
python 异步async库的使用说明
2020/05/04 Python
Tensorflow中k.gradients()和tf.stop_gradient()用法说明
2020/06/10 Python
自定义Django_rest_framework_jwt登陆错误返回的解决
2020/10/18 Python
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
纽约复古灵感的现代珠宝品牌:Lulu Frost
2018/03/03 全球购物
Rossignol金鸡美国官网:始于1907年法国百年雪具品牌
2019/03/06 全球购物
static全局变量与普通的全局变量有什么区别?static局部变量和普通局部变量有什么区别?static函数与普通函数有什么区别?
2015/02/22 面试题
小学新教师培训方案
2014/02/03 职场文书
安全生产月演讲稿
2014/05/09 职场文书
2014年最新个人对照检查材料范文
2014/09/25 职场文书
技术员岗位职责范本
2015/04/11 职场文书
中学教师读书笔记
2015/07/01 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书