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 相关文章推荐
javascript 操作select下拉列表框的一点小经验
Mar 20 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
May 07 Javascript
利用div+jquery自定义滚动条样式的2种方法
Jul 18 Javascript
Javascript将数字转化成为货币格式字符串
Jun 22 Javascript
AngularJS中的缓存使用
Jan 11 Javascript
JavaScript实现分页效果
Mar 28 Javascript
10行原生JS实现文字无缝滚动(超简单)
Jan 02 Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
May 08 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
May 14 Javascript
vue实现计步器功能
Nov 01 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
Jan 02 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基础学习之变量的使用
2011/06/09 PHP
PHP gbk环境下json_dencode传送来的汉字
2012/11/13 PHP
sae使用smarty模板的方法
2013/12/17 PHP
PHP date()函数警告: It is not safe to rely on the system解决方法
2014/08/20 PHP
Laravel框架路由配置总结、设置技巧大全
2014/09/03 PHP
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
PHP连续签到功能实现方法详解
2019/12/04 PHP
php+mysql实现的无限分类方法类定义与使用示例
2020/05/27 PHP
可输入的下拉框
2006/06/19 Javascript
js DOM的学习笔记
2011/12/22 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
2015/04/14 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
vue中slot(插槽)的介绍与使用
2018/11/12 Javascript
vue设计一个倒计时秒杀的组件详解
2019/04/06 Javascript
JavaScript剩余操作符Rest Operator详解
2019/07/20 Javascript
使用python装饰器验证配置文件示例
2014/02/24 Python
Python SQLAlchemy基本操作和常用技巧(包含大量实例,非常好)
2014/05/06 Python
Python创建系统目录的方法
2015/03/11 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
Python 3实战爬虫之爬取京东图书的图片详解
2017/10/09 Python
python调用API实现智能回复机器人
2018/04/10 Python
python实现图片识别汽车功能
2018/11/30 Python
Python for循环通过序列索引迭代过程解析
2020/02/07 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
python爬虫学习笔记之Beautifulsoup模块用法详解
2020/04/09 Python
python logging通过json文件配置的步骤
2020/04/27 Python
css3一款3D字体带阴影效果的实现步骤
2013/03/20 HTML / CSS
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
销售主管岗位职责范本
2014/02/14 职场文书
法制报告会主持词
2014/04/02 职场文书
党风廉设责任书
2014/04/16 职场文书
电钳工人个人求职信
2014/05/10 职场文书
画展邀请函
2015/01/31 职场文书
干部考核工作总结2015
2015/07/24 职场文书
Django与数据库交互的实现
2021/06/03 Python