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 String.replace的妙用
Sep 08 Javascript
Mootools 1.2教程 滚动条(Slider)
Sep 15 Javascript
extjs 学习笔记(三) 最基本的grid
Oct 15 Javascript
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
Feb 15 Javascript
js网页中的(运行代码)功能实现思路
Feb 04 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
May 08 Javascript
jquery+php实现滚动的数字特效
Nov 29 Javascript
带有定位当前位置的百度地图前端web api实例代码
Jun 21 Javascript
微信小程序 网络API 上传、下载详解
Nov 09 Javascript
jQuery制作input提示内容(兼容IE8以上)
Jul 05 jQuery
vue.js实现简单轮播图效果
Oct 10 Javascript
Vue核心概念Getter的使用方法
Jan 18 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
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
JavaScript下申明对象的几种方法小结
2008/10/02 Javascript
JS 图片缩放效果代码
2010/06/09 Javascript
javascript中解析四则运算表达式的算法和示例
2014/08/11 Javascript
轻松搞定jQuery.noConflict()
2016/02/15 Javascript
Vue自定义指令介绍(2)
2016/12/08 Javascript
Javascript中for循环语句的几种写法总结对比
2017/01/23 Javascript
AngularJS自定义指令之复制指令实现方法
2017/05/18 Javascript
vue forEach循环数组拿到自己想要的数据方法
2018/09/21 Javascript
JavaScript ES6箭头函数使用指南
2018/12/30 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
2020/04/07 Javascript
JS中锚点链接点击平滑滚动并自由调整到顶部位置
2021/02/06 Javascript
Python类的基础入门知识
2008/11/24 Python
使用python将mdb数据库文件导入postgresql数据库示例
2014/02/17 Python
Python实现的数据结构与算法之链表详解
2015/04/22 Python
基于wxpython开发的简单gui计算器实例
2015/05/30 Python
python写入已存在的excel数据实例
2018/05/03 Python
python微信公众号之关键词自动回复
2018/06/15 Python
Python对象转换为json的方法步骤
2019/04/25 Python
Python 多线程其他属性以及继承Thread类详解
2019/08/28 Python
Python对Excel按列值筛选并拆分表格到多个文件的代码
2019/11/05 Python
使用Python实现牛顿法求极值
2020/02/10 Python
Jupyter Notebook 实现正常显示中文和负号
2020/04/24 Python
Python爬虫分析微博热搜关键词的实现代码
2021/02/22 Python
解析HTML5的存储功能和web SQL的相关操作方法
2016/02/19 HTML / CSS
.net面试题
2016/09/17 面试题
个人投资计划书
2014/05/01 职场文书
学习演讲稿范文
2014/05/10 职场文书
幼师求职自荐信
2014/05/31 职场文书
2015年小学数学教师个人工作总结
2015/05/25 职场文书
英雄儿女观后感
2015/06/09 职场文书
2016年万圣节活动个人总结
2016/04/05 职场文书
中学生打架检讨书之500字
2019/08/06 职场文书
python常见的占位符总结及用法
2021/07/02 Python