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 相关文章推荐
wordpress之js库集合研究介绍
Aug 17 Javascript
二级域名或跨域共享Cookies的实现方法
Aug 07 Javascript
javascript将数组插入到另一个数组中的代码
Jan 10 Javascript
用html+css+js实现的一个简单的图片切换特效
May 28 Javascript
jquery动态添加删除一行数据示例
Jun 12 Javascript
在jQuery中处理XML数据的大致方法
Aug 14 Javascript
JavaScript实现审核流程状态的动态显示进度条
Mar 15 Javascript
Vue.extend构造器的详解
Jul 17 Javascript
JS设置随机出现2个数字的实例代码
Jul 19 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
浅谈小程序 setData学问多
Feb 20 Javascript
vue使用一些外部插件及样式的配置代码
Nov 18 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生成随机用户名和密码的实现代码
2013/02/27 PHP
页面利用渐进式JPEG来提升用户体验度
2014/12/01 PHP
PHP中快速生成随机密码的几种方式
2017/04/17 PHP
Laravel框架用户登陆身份验证实现方法详解
2017/09/14 PHP
详谈PHP中public,private,protected,abstract等关键字的用法
2017/12/31 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
一些实用性较高的js方法
2016/04/19 Javascript
Javascript缓存API
2016/06/14 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
2017/03/05 Javascript
基于vue.js快速搭建图书管理平台
2017/10/29 Javascript
Next.js实现react服务器端渲染的方法示例
2019/01/06 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
2019/04/24 Javascript
手把手15分钟搭一个企业级脚手架
2019/09/16 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
2020/02/21 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
python下如何让web元素的生成更简单的分析
2008/07/17 Python
使用Python进行稳定可靠的文件操作详解
2013/12/31 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
Python3.6连接Oracle数据库的方法详解
2018/05/18 Python
python通过robert、sobel、Laplace算子实现图像边缘提取详解
2019/08/21 Python
10个python3常用排序算法详细说明与实例(快速排序,冒泡排序,桶排序,基数排序,堆排序,希尔排序,归并排序,计数排序)
2020/03/17 Python
Python实现加密的RAR文件解压的方法(密码已知)
2020/09/11 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
Python GUI库Tkiner使用方法代码示例
2020/11/27 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
CSS3实现文本垂直排列的方法
2018/07/10 HTML / CSS
英国最受欢迎的手表网站:Watch Shop
2016/10/21 全球购物
荷兰之家英文站:Holland at Home
2016/10/26 全球购物
伦敦剧院门票:From The Box Office
2018/06/30 全球购物
MIS软件工程师的面试题
2016/04/22 面试题
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
小组组名及励志口号
2015/12/24 职场文书
2016年党校科级干部培训班学习心得体会
2016/01/06 职场文书