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 相关文章推荐
利用JQuery的load函数动态加载其它页面的内容的实现代码
Dec 14 Javascript
jQuery中slideUp()方法用法分析
Dec 24 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
Oct 16 Javascript
Flow之一个新的Javascript静态类型检查器
Dec 21 Javascript
javascript中apply、call和bind的使用区别
Apr 05 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
May 04 Javascript
JS常用正则表达式总结【经典】
May 12 Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
Sep 28 Javascript
在vue项目中引入highcharts图表的方法
Jan 21 Javascript
少女风vue组件库的制作全过程
May 15 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
Aug 08 Javascript
解决vant中 tab栏遇到的坑 van-tabs
Nov 04 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
mysql 性能的检查和优化方法
2009/06/21 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
PHP自动补全表单的两种方法
2017/03/06 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
总结一些js自定义的函数
2006/08/05 Javascript
multiSteps 基于Jquery的多步骤滑动切换插件
2011/07/22 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
简介JavaScript中的push()方法的使用
2015/06/09 Javascript
jQuery添加和删除输入文本框标签代码
2016/05/20 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
2016/11/02 Javascript
Angular4学习笔记之准备和环境搭建项目
2017/08/01 Javascript
基于vue的换肤功能的示例代码
2017/10/10 Javascript
JS 仿支付宝input文本输入框放大组件的实例
2017/11/14 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
python中字典(Dictionary)用法实例详解
2015/05/30 Python
Python使用urllib2模块实现断点续传下载的方法
2015/06/17 Python
21行Python代码实现拼写检查器
2016/01/25 Python
python去除空格和换行符的实现方法(推荐)
2017/01/04 Python
对Python捕获控制台输出流的方法详解
2019/01/07 Python
使用python的pandas为你的股票绘制趋势图
2019/06/26 Python
用OpenCV将视频分解成单帧图片,图片合成视频示例
2019/12/10 Python
使用Python来做一个屏幕录制工具的操作代码
2020/01/18 Python
使用Python实现牛顿法求极值
2020/02/10 Python
基于Python爬取51cto博客页面信息过程解析
2020/08/25 Python
python3爬虫GIL修改多线程实例讲解
2020/11/24 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
浅析移动设备HTML5页面布局
2015/12/01 HTML / CSS
计算机应用专业推荐信
2013/11/13 职场文书
支部书记四风问题自我剖析材料
2014/09/29 职场文书
师范生见习报告范文
2014/11/03 职场文书
党风廉政建设调研报告
2015/01/01 职场文书
医学生自荐信范文
2015/03/05 职场文书
小王子读书笔记
2015/06/29 职场文书
Python-OpenCV教程之图像的位运算详解
2021/06/21 Python