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 捕获窗口关闭事件
Jul 26 Javascript
Array.prototype.slice.apply的使用方法
Mar 17 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
Jun 16 Javascript
javascript自然分类法算法实现代码
Oct 11 Javascript
点击页面其它地方隐藏该div的两种思路
Nov 18 Javascript
JavaScript实现点击按钮直接打印
Jan 06 Javascript
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
JS实现图片预览的两种方式
Jun 27 Javascript
基于jstree使用AJAX请求获取数据形成树
Aug 29 Javascript
原生js实现淘宝放大镜效果
Oct 28 Javascript
js中实例与对象的区别讲解
Jan 21 Javascript
JavaScript中reduce()的用法
May 11 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
Sony CFR 320 修复改造
2020/03/14 无线电
php 修改zen-cart下单和付款流程以防止漏单
2010/03/08 PHP
php中批量删除Mysql中相同前缀的数据表的代码
2011/07/01 PHP
浅谈web上存漏洞及原理分析、防范方法(文件名检测漏洞)
2013/06/29 PHP
PHP+redis实现的限制抢购防止商品超发功能详解
2019/09/19 PHP
基于PHP+mysql实现新闻发布系统的开发
2020/08/06 PHP
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
2013/05/08 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
ExtJS4如何给同一个formpanel不同的url
2014/05/02 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
2015/08/28 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
2016/10/10 Javascript
微信小程序 wxapp内容组件 progress详细介绍
2016/10/31 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
关于Vue Webpack2单元测试示例详解
2017/08/14 Javascript
微信小程序如何获取openid及用户信息
2018/01/26 Javascript
jQuery实现的简单图片轮播效果完整示例
2018/02/08 jQuery
AngularJS标签页tab选项卡切换功能经典实例详解
2018/05/16 Javascript
ES6入门教程之let、const的使用方法
2019/04/13 Javascript
vue页面切换项目实现转场动画的方法
2019/11/12 Javascript
Element InfiniteScroll无限滚动的具体使用方法
2020/07/27 Javascript
[00:13]天涯墨客二技能展示
2018/08/25 DOTA
在Python中操作字典之clear()方法的使用
2015/05/21 Python
如何使用VSCode愉快的写Python于调试配置步骤
2018/04/06 Python
Python实现字符型图片验证码识别完整过程详解
2019/05/10 Python
python实现画出e指数函数的图像
2019/11/21 Python
python 基于UDP协议套接字通信的实现
2021/01/22 Python
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
软件毕业生个人鉴定
2014/03/03 职场文书
元旦文艺汇演主持词
2014/03/26 职场文书
习近平在党的群众路线教育实践活动总结大会上的讲话
2014/10/21 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
经典搞笑版检讨书
2015/02/19 职场文书
解析原生JS getComputedStyle
2021/05/25 Javascript
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技