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 操作符实例代码
Oct 24 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
Jun 27 Javascript
将查询条件的input、select清空
Jan 14 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
Jun 25 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
Jul 12 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
Jul 27 Javascript
JavaScript 冒泡排序和选择排序的实现代码
Sep 03 Javascript
详解weex默认webpack.config.js改造
Jan 08 Javascript
微信小程序实现全局搜索代码高亮的示例
Mar 30 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
原来JS还可以这样拆箱转换详解
Feb 01 Javascript
微信小程序云开发实现数据添加、查询和分页
May 17 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
一个简单的php实现的MySQL数据浏览器
2007/03/11 PHP
网页上facebook分享功能具体实现
2014/01/26 PHP
用 Composer构建自己的 PHP 框架之构建路由
2014/10/30 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
Yii使用migrate命令执行sql语句的方法
2016/03/15 PHP
php cli模式下获取参数的方法
2017/05/05 PHP
记录Yii2框架开发微信公众号遇到的问题及解决方法
2018/07/20 PHP
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
2012/09/30 Javascript
JS实现点击下载的小例子
2013/07/10 Javascript
javascript简单事件处理和with用法介绍
2013/09/16 Javascript
angularjs ocLazyLoad分步加载js文件实例
2017/01/17 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
jquery获取select,option所有的value和text的实例
2017/03/06 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
详解vue实现坐标拾取器功能示例
2020/11/18 Vue.js
一起深入理解js中的事件对象
2021/02/06 Javascript
python网络爬虫采集联想词示例
2014/02/11 Python
Python中实现对list做减法操作介绍
2015/01/09 Python
在Python中使用matplotlib模块绘制数据图的示例
2015/05/04 Python
Python3使用正则表达式爬取内涵段子示例
2018/04/22 Python
python pandas时序处理相关功能详解
2019/07/03 Python
Python OpenCV调用摄像头检测人脸并截图
2020/08/20 Python
Python轻量级web框架bottle使用方法解析
2020/06/13 Python
世界上最大的在线汽车租赁预订平台:Rentalcars.com(支持中文)
2018/10/12 全球购物
法国体育用品商店:GO Sport
2019/10/23 全球购物
LVMH旗下最大的奢侈品网站平台:24S
2020/05/24 全球购物
市场营销求职信范文
2014/02/21 职场文书
学生会主席竞聘书
2014/03/31 职场文书
入股合作协议书
2014/10/12 职场文书
介绍信范文
2015/01/31 职场文书
家庭贫困证明
2015/06/16 职场文书
离婚协议书范本(2016最新版)
2016/03/18 职场文书