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 相关文章推荐
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
Apr 14 Javascript
php 中序列化和json使用介绍
Jul 08 Javascript
JavaScript将一个数组插入到另一个数组的方法
Mar 19 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
Jul 02 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
Nov 25 Javascript
JS实现的多张图片轮流播放幻灯片效果
Jul 22 Javascript
jquery实现页面加载效果
Feb 21 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
Angular2关于@angular/cli默认端口号配置的问题
Jul 15 Javascript
express如何解决ajax跨域访问session失效问题详解
Jun 20 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
Apr 17 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
Sep 10 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闭包(Closure)使用详解
2013/05/02 PHP
PHP获取访问页面HTTP状态码的实现代码
2016/11/03 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
TBCompressor js代码压缩
2011/01/05 Javascript
javascript简易缓动插件(源码打包)
2012/02/16 Javascript
Three.js源码阅读笔记(Object3D类)
2012/12/27 Javascript
仿谷歌主页js动画效果实现代码
2013/07/14 Javascript
js模拟hashtable的简单实例
2014/03/06 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
2015/08/21 Javascript
完善的jquery处理机制
2016/02/21 Javascript
javaScript+turn.js实现图书翻页效果实例代码
2017/02/16 Javascript
p5.js实现斐波那契螺旋的示例代码
2018/03/22 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
2018/04/17 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
使用mixins实现elementUI表单全局验证的解决方法
2019/04/02 Javascript
[03:14]2014DOTA2西雅图国际邀请赛 EG战队巡礼
2014/07/07 DOTA
python psutil库安装教程
2018/03/19 Python
使用python生成目录树
2018/03/29 Python
Python Celery多队列配置代码实例
2019/11/22 Python
Python异常继承关系和自定义异常实现代码实例
2020/02/20 Python
Jupyter notebook如何实现指定浏览器打开
2020/05/13 Python
Old Navy加拿大官网:美式休闲服饰品牌
2017/09/26 全球购物
澳大利亚儿童和婴儿产品在线商店:Lime Tree Kids
2017/10/05 全球购物
金讯Java笔试题目
2013/06/18 面试题
电气技术员岗位职责
2013/11/19 职场文书
销售副总经理岗位职责
2013/12/11 职场文书
《再别康桥》教学反思
2014/02/12 职场文书
学校督导评估方案
2014/06/10 职场文书
党旗在我心中演讲稿
2014/09/15 职场文书
群众路线问题查摆对照检查材料
2014/10/04 职场文书
道路交通事故人身损害赔偿协议书
2014/11/19 职场文书
考研英语辞职信
2015/05/13 职场文书
付款证明模板
2015/06/19 职场文书
2015年食品安全宣传周活动总结
2015/07/09 职场文书
Django REST framework 限流功能的使用
2021/06/24 Python