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中页面Ajax方法$.load的功能使用介绍
Oct 20 Javascript
JavaScript数组的栈方法与队列方法详解
May 26 Javascript
Javascript操作dom对象之select全面解析
Apr 24 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
Aug 25 Javascript
vue+element创建动态的form表单及动态生成表格的行和列
May 20 Javascript
vue-cli 3 全局过滤器的实例代码详解
Jun 03 Javascript
Vue实现回到顶部和底部动画效果
Jul 31 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
Oct 24 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
Oct 27 Javascript
vue实现自定义多选按钮
Jul 16 Javascript
vue-cli脚手架的.babelrc文件用法说明
Sep 11 Javascript
小程序实现点击tab切换左右滑动
Nov 16 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同时支持GIF、png、JPEG
2006/10/09 PHP
php 高效率写法 推荐
2010/02/21 PHP
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
thinkphp模板赋值与替换实例简述
2014/11/24 PHP
彻底删除thinkphp3.1案例blog标签的方法
2014/12/05 PHP
PHP遍历数组的三种方法及效率对比分析
2015/02/12 PHP
php中将一个对象保存到Session中的方法
2015/03/13 PHP
windows8.1下Apache+Php+MySQL配置步骤
2015/10/30 PHP
php array_walk 对数组中的每个元素应用用户自定义函数详解
2016/11/18 PHP
网上抓的一个特效
2007/05/11 Javascript
javascript 对表格的行和列都能加亮显示
2008/12/26 Javascript
高性能Javascript笔记 数据的存储与访问性能优化
2012/08/02 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
非常实用的js验证框架实现源码 附原理方法
2016/06/08 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
js获取ip和地区
2017/03/10 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
JS对象和字符串之间互换操作实例分析
2019/02/02 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
2019/08/14 Javascript
[03:47]2015国际邀请赛第三日现场精彩回顾
2015/08/08 DOTA
Python使用htpasswd实现基本认证授权的例子
2014/06/10 Python
Python中splitlines()方法的使用简介
2015/05/20 Python
判断网页编码的方法python版
2016/08/12 Python
基于Python的文件类型和字符串详解
2017/12/21 Python
基于python全局设置id 自动化测试元素定位过程解析
2019/09/04 Python
python Shapely使用指南详解
2020/02/18 Python
Opencv求取连通区域重心实例
2020/06/04 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
Python自动化xpath实现自动抢票抢货
2020/09/19 Python
印度尼西亚最完整和最大的在线药房网站:Farmaku.com
2019/11/23 全球购物
前台接待员岗位职责
2014/01/02 职场文书
志愿者事迹材料
2014/12/26 职场文书
委托公证书格式
2015/01/26 职场文书
物业客服专员岗位职责
2015/04/07 职场文书
HTML5页面音频自动播放的实现方式
2021/06/21 HTML / CSS
JavaScript分页组件使用方法详解
2021/07/26 Javascript