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最佳实践之精妙的自定义事件
Aug 11 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 Javascript
jquery中 $.expr使用实例介绍
Jun 09 Javascript
javascript学习笔记(四)function函数部分
Sep 30 Javascript
js构造函数、索引数组和属性的实现方式和使用
Nov 16 Javascript
node.js中的fs.readdirSync方法使用说明
Dec 17 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
Sep 27 Javascript
js实现点击图片自动提交action的简单方法
Oct 16 Javascript
JavaScript中清空数组的方法总结
Dec 02 Javascript
Node.js爬取豆瓣数据实例分析
Mar 05 Javascript
Layui table field初始化加载时进行隐藏的方法
Sep 19 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
星际争霸 Starcraft 编年史
2020/03/14 星际争霸
用PHP编写PDF文档生成器
2006/10/09 PHP
第三节--定义一个类
2006/11/16 PHP
php设计模式 FlyWeight (享元模式)
2011/06/26 PHP
mcrypt启用 加密以及解密过程详细解析
2013/08/07 PHP
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
检查用户名是否已在mysql中存在的php写法
2014/01/20 PHP
php中随机函数mt_rand()与rand()性能对比分析
2014/12/01 PHP
php获取文件后缀的9种方法
2016/03/22 PHP
Prototype使用指南之enumerable.js
2007/01/10 Javascript
改版了网上的一个js操作userdata
2007/04/27 Javascript
javascript Prototype 对象扩展
2009/05/15 Javascript
jquery实用代码片段集合
2010/08/12 Javascript
jquery ajax请求实例深入解析
2012/11/26 Javascript
jQuery绑定事件的几种实现方式
2016/05/09 Javascript
JS实现搜索框文字可删除功能
2016/12/28 Javascript
vue2.0 父组件给子组件传递数据的方法
2018/01/15 Javascript
create-react-app构建项目慢的解决方法
2018/03/14 Javascript
layui获取选中行数据的实例讲解
2018/08/19 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
2018/12/18 Javascript
[57:59]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第一场 11.05
2020/11/05 DOTA
在Django的视图中使用数据库查询的方法
2015/07/16 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
Python 3 判断2个字典相同
2019/08/06 Python
Python continue语句实例用法
2020/02/06 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
2020/02/17 Python
CSS3条纹背景制作的实战攻略
2016/05/31 HTML / CSS
荷兰的时尚市场:To Be Dressed
2019/05/06 全球购物
报关员个人职业生涯规划书
2014/03/12 职场文书
年会搞笑主持词
2014/03/27 职场文书
电子商务实训报告总结
2014/11/05 职场文书
给下属加薪申请报告
2015/05/15 职场文书
教师培训简讯
2015/07/20 职场文书
美容院管理规章制度
2015/08/05 职场文书
2019感恩宣传标语!
2019/07/05 职场文书
mysql 生成连续日期及变量赋值
2022/03/20 MySQL