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 相关文章推荐
Array.prototype.slice.apply的使用方法
Mar 17 Javascript
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
Jan 13 Javascript
让table变成exls的示例代码
Mar 24 Javascript
jQuery实现加入购物车飞入动画效果
Mar 14 Javascript
javascript实现任务栏消息提示的简单实例
May 31 Javascript
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
基于zepto.js实现手机相册功能
Jul 11 Javascript
vue弹窗组件的实现示例代码
Sep 10 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
Mar 13 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
Nov 04 Javascript
vue监听滚动事件的方法
Dec 21 Vue.js
uni-app 微信小程序授权登录的实现步骤
Feb 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
星际争霸任务指南——神族
2020/03/04 星际争霸
一个PHP日历程序
2006/12/06 PHP
php修改时间格式的代码
2011/05/29 PHP
php中apc缓存使用示例
2013/12/25 PHP
PHP+MySQL实现在线测试答题实例
2020/01/02 PHP
jquery之超简单的div显示和隐藏特效demo(分享)
2013/07/09 Javascript
javascript中parentNode,childNodes,children的应用详解
2013/12/17 Javascript
node.js中实现同步操作的3种实现方法
2014/12/05 Javascript
js的回调函数详解
2015/01/05 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
基于JS实现的笛卡尔乘积之商品发布
2016/05/13 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
2016/06/06 Javascript
对jQuary选择器的全面总结
2016/06/20 Javascript
Vue上传组件vue Simple Uploader的用法示例
2017/08/25 Javascript
vue实现某元素吸顶或固定位置显示(监听滚动事件)
2017/12/13 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
vue添加axios,并且指定baseurl的方法
2018/09/19 Javascript
js实现动态增加文件域表单功能
2018/10/22 Javascript
Nuxt.js开启SSR渲染的教程详解
2018/11/30 Javascript
基于vue 动态菜单 刷新空白问题的解决
2020/08/06 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
Python中http请求方法库汇总
2016/01/06 Python
纯用NumPy实现神经网络的示例代码
2018/10/24 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
Anaconda+VSCode配置tensorflow开发环境的教程详解
2020/03/30 Python
pip安装tensorflow的坑的解决
2020/04/19 Python
Jupyter notebook如何修改平台字体
2020/05/13 Python
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
高等学院职业生涯规划书范文
2014/09/16 职场文书
员工工作能力评语
2014/12/31 职场文书
担保书格式
2015/01/20 职场文书
2015年纪检监察工作总结
2015/04/08 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
入伍志愿书怎么写?
2019/07/19 职场文书
详解Js模块化的作用原理和方案
2021/04/29 Javascript