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 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
Jquery ThickBox插件使用心得(不建议使用)
Sep 08 Javascript
JS面向对象编程 for Cookie
Sep 19 Javascript
jQuery中的val()示例应用
Feb 26 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
Aug 15 Javascript
基于jQuery实现的图片切换焦点图整理
Dec 07 Javascript
js 弹出虚拟键盘修改密码的简单实例
Oct 10 Javascript
JS实现字符串转驼峰格式的方法
Dec 16 Javascript
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
Nov 09 Javascript
Vue2 模板template的四种写法总结
Feb 23 Javascript
node.js基于socket.io快速实现一个实时通讯应用
Apr 23 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
Oct 27 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中使用addslashes函数转义的安全性原理分析
2014/11/03 PHP
PHP文件上传判断file是否己选择上传文件的方法
2014/11/10 PHP
php 升级到 5.3+ 后出现的一些错误,如 ereg(); ereg_replace(); 函数报错
2015/12/07 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
Javascript学习笔记9 prototype封装继承
2010/01/11 Javascript
textarea中的手动换行处理的jquery代码
2011/02/26 Javascript
字符串的replace方法应用浅析
2011/12/06 Javascript
js 如何实现对数据库的增删改查
2012/11/23 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
2013/10/18 Javascript
js创建表单元素并使用submit进行提交
2014/08/14 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
2016/11/09 Javascript
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/06 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
js实现上传并压缩图片效果
2018/01/10 Javascript
JavaScript学习笔记之DOM基础操作实例小结
2019/01/09 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
2019/06/14 Javascript
微信小程序实现点击空白隐藏的方法示例
2019/08/13 Javascript
使用layui的router来进行传参的实现方法
2019/09/06 Javascript
Python编程中time模块的一些关键用法解析
2016/01/19 Python
Python处理PDF及生成多层PDF实例代码
2017/04/24 Python
python2 与python3的print区别小结
2018/01/16 Python
Python关键字及可变参数*args,**kw原理解析
2020/04/04 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
Pycharm plot独立窗口显示的操作
2020/12/11 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
生日宴会主持词
2014/03/20 职场文书
党的群众路线学习材料
2014/05/16 职场文书
图书馆标语
2014/06/19 职场文书
2014办公室副主任四风对照检查材料思想汇报
2014/09/20 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
社区义诊通知
2015/04/24 职场文书
会计专业自荐信范文
2019/05/22 职场文书
Python Socket编程详解
2021/04/25 Python
JavaScript中时间格式化新思路toLocaleString()
2021/11/07 Javascript
Python实现文字pdf转换图片pdf效果
2022/04/03 Python