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 相关文章推荐
&amp;lt;script defer&amp;gt; defer 是什么意思
May 10 Javascript
javascript中的一些注意事项 更新中
Dec 06 Javascript
深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP
Jan 15 Javascript
script的async属性以非阻塞的模式加载脚本
Jan 15 Javascript
细说javascript函数从函数的构成开始
Aug 29 Javascript
javaScript 动态访问JSon元素示例代码
Aug 30 Javascript
JavaScript中检查对象property的存在性方法介绍
Dec 30 Javascript
jQuery实现简单漂亮的Nav导航菜单效果
Mar 29 jQuery
前端MVVM框架解析之双向绑定
Jan 24 Javascript
Vue render深入开发讲解
Apr 13 Javascript
angularJs利用$scope处理升降序的方法
Oct 08 Javascript
JQuery实现折叠式菜单的详细代码
Jun 03 jQuery
原生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 调试工具Debug Tools
2011/04/30 PHP
php使用glob函数快速查询指定目录文件的方法
2014/11/15 PHP
php+jQuery.uploadify实现文件上传教程
2014/12/26 PHP
朋友网关于QQ相关的PHP代码(研究QQ的绝佳资料)
2015/01/26 PHP
PHP中类的继承和用法实例分析
2016/05/24 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
HTML页面滚动时获取离页面顶部的距离2种实现方法
2013/09/05 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
javascript实现依次输入input自动定焦
2014/12/23 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
2015/04/06 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
2016/05/28 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
Vue2.0用户权限控制解决方案的示例
2018/02/10 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
2018/03/05 Javascript
Vue源码解析之数组变异的实现
2018/12/04 Javascript
layui 动态设置checbox 选中状态的例子
2019/09/02 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
2019/12/17 Javascript
[03:39]这就是刀塔,我们是冠军!燃情短片讲述我们的DOTA故事
2019/07/02 DOTA
Python实现自动登录百度空间的方法
2017/06/10 Python
Python的numpy库中将矩阵转换为列表等函数的方法
2018/04/04 Python
详解python3中的真值测试
2018/08/13 Python
Python实现的连接mssql数据库操作示例
2018/08/17 Python
python实现ssh及sftp功能(实例代码)
2020/03/16 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
matplotlib常见函数之plt.rcParams、matshow的使用(坐标轴设置)
2021/01/05 Python
美国在线眼镜商城:Eyeglasses.com
2017/06/26 全球购物
聊城大学毕业生自荐书
2014/02/01 职场文书
老人祝寿主持词
2014/03/28 职场文书
超市仓管员岗位职责
2014/04/07 职场文书
党员四风问题对照检查材料
2014/09/27 职场文书
2014年幼儿园个人工作总结
2014/11/10 职场文书
2014年前台个人工作总结
2014/11/14 职场文书
个人总结怎么写
2015/02/26 职场文书
小学生必读成语故事大全:送给暑假的你们
2019/07/09 职场文书
《曾国藩家书》读后感——读家书,立家风
2019/08/21 职场文书