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 入门基础知识 想学习js的朋友可以参考下
Dec 26 Javascript
JavaScript 精粹读书笔记(1,2)
Feb 07 Javascript
Javascript弹出窗口的各种方法总结
Nov 11 Javascript
js两种拼接字符串的简单方法(必看)
Sep 02 Javascript
JavaScript 身份证号有效验证详解及实例代码
Oct 20 Javascript
jQuery基本筛选选择器实例代码
Feb 06 Javascript
js实现添加删除表格(两种方法)
Apr 27 Javascript
vue.js select下拉框绑定和取值方法
Mar 03 Javascript
Nuxt.js开启SSR渲染的教程详解
Nov 30 Javascript
vue实现微信获取用户信息的方法
Mar 21 Javascript
JS函数基本定义与用法示例
Jan 15 Javascript
微信小程序利用for循环解决内容变更问题
Mar 05 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面试题 试试看看你会不会也中招
2014/08/19 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
PHP实现简单实用的分页类代码
2016/04/08 PHP
MAC下通过改apache配置文件切换php多版本的方法
2017/04/26 PHP
php封装实现钉钉机器人报警接口的示例代码
2020/08/08 PHP
日期函数扩展类Ver0.1.1
2006/09/07 Javascript
随机显示经典句子或诗歌的javascript脚本
2007/08/04 Javascript
文本框输入时 实现自动提示(像百度、google一样)
2012/04/05 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
2016/10/16 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
AngularJS自定义指令之复制指令实现方法
2017/05/18 Javascript
Node.js中 __dirname 的使用介绍
2017/06/19 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
Angular中sweetalert弹框的基本使用教程
2018/07/22 Javascript
Vue.js更改调试地址端口号的实例
2018/09/19 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
2018/10/20 Javascript
微信小程序开发的基本流程步骤
2019/01/31 Javascript
基于javascript的无缝滚动动画实现2
2020/08/07 Javascript
[34:27]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第一局
2016/02/26 DOTA
在Python中使用mongoengine操作MongoDB教程
2015/04/24 Python
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
python xlsxwriter库生成图表的应用示例
2018/03/16 Python
python爬虫之xpath的基本使用详解
2018/04/18 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
详解pycharm连接远程linux服务器的虚拟环境的方法
2020/11/13 Python
Python 无限级分类树状结构生成算法的实现
2021/01/21 Python
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
博士学位自我鉴定范文
2013/12/26 职场文书
大学生职业生涯规划范文
2014/01/08 职场文书
安全生产工作汇报
2014/10/28 职场文书
2014年体育工作总结
2014/11/24 职场文书
工作感想范文
2015/08/07 职场文书
实用求职信模板范文
2019/05/13 职场文书
教你如何使用Python实现二叉树结构及三种遍历
2021/06/18 Python