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基础学习资料
Nov 23 Javascript
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
Jan 10 Javascript
使用angular写一个hello world
Jan 23 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
Dec 10 Javascript
jQuery动态添加
Apr 07 Javascript
轻松掌握JavaScript装饰者模式
Aug 27 Javascript
jQuery ajax实现省市县三级联动
Mar 07 Javascript
vue双花括号的使用方法 附练习题
Nov 07 Javascript
基于Node.js实现压缩和解压缩的方法
Feb 13 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
Mar 01 Javascript
js实现内置计时器
Dec 16 Javascript
在vue中axios设置timeout超时的操作
Sep 04 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
一个高ai的分页函数和一个url函数
2006/10/09 PHP
PHP反向代理类代码
2014/08/15 PHP
php+jquery+html实现点击不刷新加载更多的实例代码
2016/08/12 PHP
PHP jQuery+Ajax结合写批量删除功能
2017/05/19 PHP
PHP简单装饰器模式实现与用法示例
2017/06/22 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
jQuery点击弹出下拉菜单的小例子
2013/08/01 Javascript
javascript 获取模态窗口的滚动位置代码
2013/08/06 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
2015/08/22 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
2015/11/29 Javascript
AngularJS仿苹果滑屏删除控件
2016/01/18 Javascript
jQuery+css实现的时钟效果(兼容各浏览器)
2016/01/27 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
2016/11/30 Javascript
Angularjs 动态添加指令并绑定事件的方法
2017/04/13 Javascript
js设置随机切换背景图片的简单实例
2017/11/12 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
2018/02/24 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
多个vue子路由文件自动化合并的方法
2019/09/03 Javascript
vue-cli4.x创建企业级项目的方法步骤
2020/06/18 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
Python模拟登陆实现代码
2017/06/14 Python
Django查询数据库的性能优化示例代码
2017/09/24 Python
Django实现发送邮件功能
2019/07/18 Python
Django 用户认证Auth组件的使用
2020/11/30 Python
css3实现可滑动跳转的分页插件示例
2014/05/08 HTML / CSS
在html5的Canvas上绘制椭圆的几种方法总结
2013/01/07 HTML / CSS
详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案
2016/12/03 HTML / CSS
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
德国运动营养和健身网上商店:Myprotein.de
2018/07/18 全球购物
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
企业演讲稿范文
2013/12/28 职场文书
领班岗位职责范文
2014/02/06 职场文书
MySQL数据库中的锁、解锁以及删除事务
2022/05/06 MySQL