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 子窗口操作父窗口的代码
Sep 21 Javascript
js 学习笔记(三)
Dec 29 Javascript
Dom在ajax技术中的作用说明
Oct 25 Javascript
基于jquery异步传输json数据格式实例代码
Nov 23 Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
Feb 12 Javascript
javascript特殊日历控件分享
Mar 07 Javascript
实例详解jQuery的无new构建
Aug 02 Javascript
jQuery实现动态文字搜索功能
Jan 05 Javascript
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
浅谈vue限制文本框输入数字的正确姿势
Sep 02 Javascript
react PropTypes校验传递的值操作示例
Apr 28 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
文章推荐系统(二)
2006/10/09 PHP
Email+URL的判断和自动转换函数
2006/10/09 PHP
php计算程序运行时间的简单例子分享
2014/05/10 PHP
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
round robin权重轮循算法php实现代码
2016/05/28 PHP
PHP入门教程之上传文件实例详解
2016/09/11 PHP
thinkPHP+ajax实现统计页面pv浏览量的方法
2017/03/15 PHP
jquery实现div阴影效果示例代码
2013/09/16 Javascript
JS.elementGetStyle(element, style)应用示例
2013/09/24 Javascript
浅析JavaScript中的typeof运算符
2013/11/30 Javascript
js 动态加载事件的几种方法总结
2013/12/25 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
2014/05/29 Javascript
input标签内容改变的触发事件介绍
2014/06/18 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
2014/07/18 Javascript
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
javascript数组拍平方法总结
2018/01/20 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
2018/02/06 Javascript
vue-router 源码实现前端路由的两种方式
2018/07/02 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
2018/08/25 Javascript
js中Array对象的常用遍历方法详解
2019/01/17 Javascript
Vue实现push数组并删除的例子
2019/11/01 Javascript
javascript贪吃蛇游戏设计与实现
2020/09/17 Javascript
python画图的函数用法以及技巧
2019/06/28 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
Python restful框架接口开发实现
2020/04/13 Python
django 利用Q对象与F对象进行查询的实现
2020/05/15 Python
python中slice参数过长的处理方法及实例
2020/12/15 Python
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
Vince官网:全球著名设计师品牌,休闲而优雅的服饰
2017/01/15 全球购物
阿里巴巴Oracle DBA笔试题答案-备份恢复类
2013/11/20 面试题
应届生污水处理求职信
2013/11/06 职场文书
一句话工作感言
2014/03/01 职场文书
2014年秋季开学寄语
2014/08/02 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
Python实现视频中添加音频工具详解
2021/12/06 Python
httpclient调用远程接口的方法
2022/08/14 Java/Android