JS获取短信验证码倒计时的实现代码


Posted in Javascript onMay 22, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示:

$(function() {
    var phone_num = /^1\d{10}$/;
    var flag = 1; //短信发送时标志位
    $(".getcode").click(function() {
     if($("#phone").val() == "") {
      alert("请输入电话号码!");
      return false;
     };
     if(!phone_num.test($("#phone").val().trim())) {
      alert("电话号码有误,请输入11位手机号!");
      return false;
     };
     if(flag == 1) {
      var i = 59;
      flag = 0;
      var n = setInterval(function() {
       var j = i + 's';
       $('.getcode').html(j);
       i--;
       if(i < -1) {
        clearInterval(n);
        flag = 1;
        $('.getcode').html('重新获取').prop("disabled", false);
       }
      }, 1000);
     }
    })
   });

以上所述是小编给大家介绍的JS获取短信验证码倒计时的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
拖拉表格的JS函数
Nov 20 Javascript
dojo随手记 gird组件引用
Feb 24 Javascript
使用Json比用string返回数据更友好,也更面向对象一些
Sep 13 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
Dec 10 Javascript
ie支持function.bind()方法实现代码
Dec 27 Javascript
js禁止回车提交表单的示例代码
Dec 23 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
Jan 01 Javascript
jQuery animate easing使用方法图文详解
Jun 17 Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 Javascript
js 事件的传播机制(实例讲解)
Jul 20 Javascript
Vue单文件组件基础模板小结
Aug 10 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
Dec 19 Javascript
原生JS实现不断变化的标签
May 22 #Javascript
jQuery实现简单的滑动导航代码(移动端)
May 22 #jQuery
vue2.0 与 bootstrap datetimepicker的结合使用实例
May 22 #Javascript
Vue实现动态显示textarea剩余字数
May 22 #Javascript
bootstrap栅格系统示例代码分享
May 22 #Javascript
vue+axios实现登录拦截的实例代码
May 22 #Javascript
详解Angular2 关于*ngFor 嵌套循环
May 22 #Javascript
You might like
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
PHP中获取文件扩展名的N种方法小结
2012/02/27 PHP
Yii中CGridView关联表搜索排序方法实例详解
2014/12/03 PHP
php实现比较两个文件夹异同的方法
2015/06/18 PHP
iOS10推送通知开发教程
2016/09/19 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
2017/09/15 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
PHP parse_ini_file函数的应用与扩展操作示例
2019/01/07 PHP
jQuery 美元符冲突的解决方法
2010/03/28 Javascript
JavaScript 程序编码规范
2010/11/23 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
AngularJS 最常用的功能汇总
2016/02/17 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
JS实现动画兼容性的transition和transform实例分析
2016/12/13 Javascript
BootStrap Fileinput初始化时的一些参数
2016/12/30 Javascript
Three.js利用dat.GUI如何简化试验流程详解
2017/09/26 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
2018/09/01 Javascript
详解VUE项目中安装和使用vant组件
2019/04/28 Javascript
Node.js API详解之 os模块用法实例分析
2020/05/06 Javascript
vue.js watch经常失效的场景与解决方案
2021/01/07 Vue.js
Python科学计算环境推荐——Anaconda
2014/06/30 Python
Python操作SQLite简明教程
2014/07/10 Python
详解Python 实现元胞自动机中的生命游戏(Game of life)
2018/01/27 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
解决python3.6用cx_Oracle库连接Oracle的问题
2020/12/07 Python
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
美国最大网上鞋店:Zappos
2016/07/25 全球购物
介绍一下Linux内核的排队自旋锁
2014/08/27 面试题
销售自荐信
2013/10/22 职场文书
生日派对邀请函
2014/01/13 职场文书
客户接待方案
2014/02/26 职场文书
实习指导老师意见
2015/06/04 职场文书
机械生产实习心得体会
2016/01/22 职场文书