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 捕获窗口关闭事件
Jul 26 Javascript
jquery获取及设置outerhtml的方法
Mar 09 Javascript
javascript常用函数(1)
Nov 04 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
Feb 17 Javascript
Javascript面试经典套路reduce函数查重
Mar 23 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
clipboard.js在移动端复制失败的解决方法
Jun 13 Javascript
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
微信小程序CSS3动画下拉菜单效果
Nov 04 Javascript
使用JavaScript通过前端发送电子邮件
May 22 Javascript
vue实现匀速轮播效果
Jun 29 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中的按位与和按位或操作示例
2014/01/27 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
键盘控制事件应用教程大全
2006/11/24 Javascript
一个无限级XML绑定跨框架菜单(For IE)
2007/01/27 Javascript
csdn 论坛技术区平均给分功能
2009/11/07 Javascript
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
javascript时间函数大全
2014/06/30 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
2017/12/29 Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
2019/09/01 Javascript
js实现GIF图片的分解和合成
2019/10/24 Javascript
vue项目配置使用flow类型检查的步骤
2020/03/18 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
google广告之另类js调用实现代码
2020/08/22 Javascript
python实现巡检系统(solaris)示例
2014/04/02 Python
python之Socket网络编程详解
2016/09/29 Python
python中scikit-learn机器代码实例
2018/08/05 Python
对python插入数据库和生成插入sql的示例讲解
2018/11/14 Python
django的分页器Paginator 从django中导入类
2019/07/25 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
pycharm远程连接vagrant虚拟机中mariadb数据库
2020/06/05 Python
利用纯CSS3实现tab选项卡切换示例代码
2016/09/21 HTML / CSS
HTML5中外部浏览器唤起微信分享功能的代码
2020/09/15 HTML / CSS
英国一家专门出售品牌鞋子的网站:Allsole
2016/08/07 全球购物
《草虫的村落》教学反思
2014/02/16 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
协议书与合同的区别
2014/04/18 职场文书
和谐社区口号
2014/06/19 职场文书
2014小学二年级班主任工作总结
2014/12/05 职场文书
努力学习保证书
2015/02/26 职场文书
公司的力量观后感
2015/06/05 职场文书
收入证明申请书
2015/06/12 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
Nginx搭建rtmp直播服务器实现代码
2021/03/31 Servers
nginx proxy_cache 缓存配置详解
2021/03/31 Servers