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天然的迭代器
Oct 29 Javascript
javascript判断用户浏览器插件安装情况的代码
Jan 01 Javascript
JS的Document属性和方法小结
Sep 17 Javascript
javascript用函数实现对象的方法
May 14 Javascript
Bootstrap每天必学之滚动监听
Mar 16 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 Javascript
js实现放大镜特效
May 18 Javascript
JavaScript 判断对象中是否有某属性的常用方法
Jun 14 Javascript
vue 检测用户上传图片宽高的方法
Feb 06 Javascript
如何实现js拖拽效果及原理解析
May 08 Javascript
JavaScript判断数据类型有几种方法及区别介绍
Sep 02 Javascript
如何在Vue项目中添加接口监听遮罩
Jan 25 Vue.js
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
载入进度条 效果
2006/07/08 Javascript
JavaScript XML操作 封装类
2009/07/01 Javascript
JavaScript的单例模式 (singleton in Javascript)
2010/06/11 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
2010/09/28 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
2012/11/11 Javascript
JavaScript作用域与作用域链深入解析
2013/12/06 Javascript
js实现编辑div节点名称的方法
2014/12/17 Javascript
动态加载js的方法汇总
2015/02/13 Javascript
DOM中事件处理概览与原理的全面解析
2016/08/16 Javascript
angularjs 表单密码验证自定义指令实现代码
2016/10/27 Javascript
学好js,这些js函数概念一定要知道【推荐】
2017/01/19 Javascript
JS实现520 表白简单代码
2018/05/21 Javascript
[10:39]DOTA2上海特级锦标赛音乐会纪录片
2016/03/21 DOTA
Python生成随机MAC地址
2015/03/10 Python
Python File readlines() 使用方法
2018/03/19 Python
基于python使用tibco ems代码实例
2019/12/20 Python
pytorch实现用CNN和LSTM对文本进行分类方式
2020/01/08 Python
Python 实现opencv所使用的图片格式与 base64 转换
2020/01/09 Python
python实现查找所有程序的安装信息
2020/02/18 Python
Python使用jpype模块调用jar包过程解析
2020/07/29 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
python 实现超级玛丽游戏
2020/11/25 Python
python 利用matplotlib在3D空间中绘制平面的案例
2021/02/06 Python
美国著名的团购网站:Woot
2016/08/02 全球购物
阿迪达斯加拿大官网:Adidas加拿大
2016/08/25 全球购物
美国婚戒购物网站:Anjays Designs
2017/06/28 全球购物
初一学生评语大全
2014/04/24 职场文书
2014年财政局工作总结
2014/12/09 职场文书
教师自荐信范文
2015/03/06 职场文书
建党伟业电影观后感
2015/06/01 职场文书
2015年防灾减灾工作总结
2015/07/24 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
CSS3实现的文字弹出特效
2021/04/16 HTML / CSS
mysql创建存储过程及函数详解
2021/12/04 MySQL
试用1103暨1103、1101同门大比武 [ DAIWEI ]
2022/04/05 无线电
win11高清晰音频管理器在哪里?win11找不到高清晰音频管理器解决办法
2022/04/08 数码科技