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 遍历json返回的map内容示例代码
Oct 29 Javascript
jsPDF导出pdf示例
May 02 Javascript
Js Jquery创建一个弹出层可加载一个页面
May 08 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
微信小程序 弹窗自定义实例代码
Mar 08 Javascript
JavaScript变量类型以及变量作用域详解
Aug 14 Javascript
echarts学习笔记之箱线图的分析与绘制详解
Nov 22 Javascript
微信小程序实现城市列表选择
Jun 05 Javascript
浅谈webpack+react多页面开发终极架构
Nov 11 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
Nov 04 Javascript
Node.js API详解之 timer模块用法实例分析
May 07 Javascript
JS实现密码框效果
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语法(4)
2006/10/09 PHP
通用PHP动态生成静态HTML网页的代码
2010/03/04 PHP
基于PHP常用函数的用法详解
2013/05/10 PHP
php构造函数实例讲解
2013/11/13 PHP
PHP输出日历表代码实例
2015/03/27 PHP
thinkPHP2.1自定义标签库的导入方法详解
2016/07/20 PHP
PHP实现的方程求解示例分析
2016/11/11 PHP
PHP safe_mode开启对于PHP系统函数有什么影响
2020/11/10 PHP
JS 动态加载脚本的4种方法
2009/05/05 Javascript
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
DOM Scripting中的图片切换[兼容Firefox]
2010/06/12 Javascript
JavaScript判断变量是否为空的自定义函数分享
2015/01/31 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
2015/07/27 Javascript
Bootstrap表单布局样式代码
2016/05/31 Javascript
巧用jQuery选择器提高写表单效率的方法
2016/08/19 Javascript
JS实现漂亮的时间选择框效果
2016/08/20 Javascript
JavaScript中push(),join() 函数 实例详解
2016/09/06 Javascript
React如何避免重渲染
2018/04/10 Javascript
微信小程序开发注意指南和优化实践(小结)
2019/06/21 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)
2021/02/24 Javascript
Python删除空文件和空文件夹的方法
2015/07/14 Python
Pythont特殊语法filter,map,reduce,apply使用方法
2016/02/27 Python
Python实用技巧之列表、字典、集合中根据条件筛选数据详解
2018/07/11 Python
对python:threading.Thread类的使用方法详解
2019/01/31 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
Django bulk_create()、update()与数据库事务的效率对比分析
2020/05/15 Python
python实现移动木板小游戏
2020/10/09 Python
.net笔试题
2014/03/03 面试题
C#面试常见问题
2013/02/25 面试题
护士实习自我鉴定
2013/10/22 职场文书
住房公积金接收函
2014/01/09 职场文书
12月小学生校园广播稿
2014/02/04 职场文书
开展批评与自我批评发言稿
2014/10/16 职场文书
2014年共青团工作总结
2014/12/10 职场文书
2015年学校综合治理工作总结
2015/07/20 职场文书