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结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
Apr 27 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
Oct 25 Javascript
js取float型小数点后两位数的方法
Jan 18 Javascript
直接在JS里创建JSON数据然后遍历使用
Jul 25 Javascript
详解jQuery中的元素的属性和相关操作
Aug 14 Javascript
五种js判断是否为整数类型方式
Dec 03 Javascript
原生js实现无缝轮播图效果
Jan 11 Javascript
Vue原理剖析 实现双向绑定MVVM
May 03 Javascript
JS实现获取word文档内容并输出显示到html页面示例
Jun 23 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
Dec 11 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
Oct 27 Javascript
Vue Element UI自定义描述列表组件
May 18 Vue.js
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单例模式示例分享
2015/02/12 PHP
php去除字符串中空字符的常用方法小结
2015/03/17 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
让插入到 innerHTML 中的 script 跑起来的实现代码
2006/07/01 Javascript
Jquery 自定义动画概述及示例
2013/03/29 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
2014/07/18 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
2017/02/10 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
2017/02/15 Javascript
JS原生轮播图的简单实现(推荐)
2017/07/22 Javascript
BootStrap模态框不垂直居中的解决方法
2017/10/19 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python检测lvs real server状态
2014/01/22 Python
python tornado微信开发入门代码
2018/08/24 Python
python 动态生成变量名以及动态获取变量的变量名方法
2019/01/20 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
python命令 -u参数用法解析
2019/10/24 Python
pygame实现俄罗斯方块游戏(AI篇2)
2019/10/29 Python
pycharm不能运行.py文件的解决方法
2020/02/12 Python
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
销售员自我评价怎么写
2013/09/19 职场文书
幼儿园师德演讲稿
2014/05/06 职场文书
银行求职信
2014/05/31 职场文书
党的群众路线教育实践活动对照检查材料
2014/09/22 职场文书
运动会报道稿300字
2014/10/02 职场文书
2014年党员个人工作总结
2014/12/02 职场文书
春节慰问信范文
2015/02/15 职场文书