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 相关文章推荐
免费空间广告万能消除代码
Sep 04 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
Mar 21 Javascript
JavaScript window.document的属性、方法和事件小结
Oct 24 Javascript
教你用javascript实现随机标签云效果_附代码
Mar 16 Javascript
jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍
Jun 24 Javascript
jquery基本选择器匹配多个元素的实现方法
Sep 05 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
Oct 21 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
Dec 08 Javascript
使用JavaScript实现点击循环切换图片效果
Sep 03 Javascript
React通过redux-persist持久化数据存储的方法示例
Feb 14 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
Aug 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
PHP OPCode缓存 APC详细介绍
2010/10/12 PHP
解析VS2010利用VS.PHP插件调试PHP的方法
2013/07/19 PHP
摘自织梦CMS中的图片处理类
2015/08/08 PHP
PHP获取指定日期是星期几的实现方法
2016/11/30 PHP
Google韩国首页图标动画效果
2007/08/26 Javascript
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
百度地图自定义控件分享
2015/03/04 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
Jquery获取第一个子元素简单实例
2016/06/02 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
2017/05/02 Javascript
vue + vuex todolist的实现示例代码
2018/03/09 Javascript
VUE搭建手机商城心得和遇到的坑
2019/02/21 Javascript
微信小程序new Date()方法失效问题解决方法
2019/07/29 Javascript
Vue双向绑定实现原理与方法详解
2020/05/07 Javascript
vue使用openlayers实现移动点动画
2020/09/24 Javascript
Python函数式编程指南(四):生成器详解
2015/06/24 Python
Python切片知识解析
2016/03/06 Python
两个命令把 Vim 打造成 Python IDE的方法
2016/03/20 Python
python实现的读取网页并分词功能示例
2019/10/29 Python
python实现双色球随机选号
2020/01/01 Python
Python tkinter和exe打包的方法
2020/02/05 Python
Python图像处理库PIL的ImageGrab模块介绍详解
2020/02/26 Python
Python Selenium截图功能实现代码
2020/04/26 Python
Python是怎样处理json模块的
2020/07/16 Python
python实现感知机模型的示例
2020/09/30 Python
SheIn俄罗斯:时尚女装网上商店
2017/02/28 全球购物
俄罗斯最大的在线手表商店:Bestwatch.ru
2020/01/11 全球购物
保护环境倡议书范文
2014/05/13 职场文书
2014大学生学生会工作总结
2014/12/19 职场文书
岗位聘任报告
2015/03/02 职场文书
借款民事起诉状范文
2015/05/19 职场文书
深入理解Vue的数据响应式
2021/05/15 Vue.js