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无法执行的解决办法
Feb 25 Javascript
dojo随手记 gird组件引用
Feb 24 Javascript
js生成缩略图后上传并利用canvas重绘
May 15 Javascript
js创建表单元素并使用submit进行提交
Aug 14 Javascript
Javascript的闭包详解
Dec 26 Javascript
10个很棒的jQuery代码片段
Sep 24 Javascript
JavaScript 七大技巧(一)
Dec 13 Javascript
基于WebUploader的文件上传js插件
Aug 19 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
Apr 28 Javascript
React Native模块之Permissions权限申请的实例相机
Sep 28 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
javascript实现用户必须勾选协议实例讲解
Mar 24 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
smarty+adodb+部分自定义类的php开发模式
2006/12/31 PHP
php中使用preg_replace函数匹配图片并加上链接的方法
2013/02/06 PHP
PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
2016/04/14 PHP
php 二维数组快速排序算法的实现代码
2017/10/17 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
Firefox getBoxObjectFor getBoundingClientRect联系
2008/10/26 Javascript
20款超赞的jQuery插件 Web开发人员必备
2011/02/26 Javascript
jQuery中使用了document和window哪些属性和方法小结
2011/09/13 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
2016/09/06 Javascript
vuejs动态组件给子组件传递数据的方法详解
2016/09/09 Javascript
详解AngularJS中的表单验证(推荐)
2016/11/17 Javascript
微信小程序-小说阅读小程序实例(demo)
2017/01/12 Javascript
简单谈谈Javascript函数中的arguments
2017/02/09 Javascript
完美实现js选项卡切换效果(一)
2017/03/08 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
微信小程序 生命周期函数详解
2017/05/24 Javascript
nodejs密码加密中生成随机数的实例代码
2017/07/17 NodeJs
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
[27:53]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS iG
2014/05/26 DOTA
[53:10]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs VG 第一场
2018/04/11 DOTA
讲解Python中for循环下的索引变量的作用域
2015/04/15 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
python解析含有重复key的json方法
2019/01/22 Python
python3.6实现学生信息管理系统
2019/02/21 Python
python 将日期戳(五位数时间)转换为标准时间
2019/07/11 Python
pytorch 归一化与反归一化实例
2019/12/31 Python
Python turtle画图库&&画姓名实例
2020/01/19 Python
浅谈tensorflow 中tf.concat()的使用
2020/02/07 Python
Ego Shoes官网:英国时髦鞋类品牌
2020/10/19 全球购物
大学毕业的自我鉴定
2013/10/08 职场文书
自考自我鉴定范文
2013/10/30 职场文书
高中生毕业学习总结的自我评价
2013/11/14 职场文书
Axios取消重复请求的方法实例详解
2021/06/15 Javascript
python脚本框架webpy模板赋值实现
2021/11/20 Python