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 相关文章推荐
关于Aptana Studio生成自动备份文件的解决办法
Dec 23 Javascript
基于jquery的合并table相同单元格的插件(精简版)
Apr 05 Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 Javascript
javascript自动恢复文本框点击清除后的默认文本
Jan 12 Javascript
jQuery UI结合Ajax创建可定制的Web界面
Jun 22 Javascript
import与export在node.js中的使用详解
Sep 28 Javascript
two.js之实现动画效果示例
Nov 06 Javascript
vue 设置proxyTable参数进行代理跨域
Apr 09 Javascript
Vue函数式组件-你值得拥有
May 09 Javascript
vue中nextTick用法实例
Sep 11 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解析url的三个示例
2014/01/20 PHP
php使用pdo连接报错Connection failed SQLSTATE的解决方法
2014/12/15 PHP
两种php实现图片上传的方法
2016/01/22 PHP
静态页面的值传递(三部曲)
2006/09/25 Javascript
JsEasy简介 JsEasy是什么?与下载
2007/03/07 Javascript
兼容IE和FF的js脚本代码小结(比较常用)
2010/12/06 Javascript
javascript 冒泡排序 正序和倒序实现代码
2010/12/14 Javascript
Jquery中对数组的操作代码
2011/08/12 Javascript
原生js事件的添加和删除的封装
2014/07/01 Javascript
原生JS实现平滑回到顶部组件
2016/03/16 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
深入浅析jQuery对象$.html
2016/08/22 Javascript
bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
2017/02/17 Javascript
js 概率计算(简单版)
2017/09/12 Javascript
详解小程序用户登录状态检查与更新实例
2019/05/15 Javascript
JS实现多选框的操作
2020/06/24 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
微信小程序入门之指南针
2020/10/22 Javascript
微信小程序实现页面监听自定义组件的触发事件
2020/11/01 Javascript
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python两种遍历字典(dict)的方法比较
2014/05/29 Python
Python制作钉钉加密/解密工具
2016/12/07 Python
Python中摘要算法MD5,SHA1简介及应用实例代码
2018/01/09 Python
PyTorch的Optimizer训练工具的实现
2019/08/18 Python
WxPython实现无边框界面
2019/11/18 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
关于HTML5的安全问题开发人员需要牢记的
2012/06/21 HTML / CSS
电大毕业自我鉴定
2014/02/03 职场文书
铅球加油稿100字
2014/09/26 职场文书
党员评议表自我评价范文
2014/10/20 职场文书
MySQL中distinct和count(*)的使用方法比较
2021/05/26 MySQL
2021年最新用于图像处理的Python库总结
2021/06/15 Python
关于springboot配置druid数据源不生效问题(踩坑记)
2021/09/25 Java/Android
Mysql分库分表之后主键处理的几种方法
2022/02/15 MySQL