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复选框CHECKBOX全选、反选
Aug 30 Javascript
js函数使用技巧之 setTimeout(function(){},0)
Feb 09 Javascript
Javascript String对象扩展HTML编码和解码的方法
Jun 02 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
AngularJs页面筛选标签小功能
Aug 01 Javascript
JS实现简易刻度时钟示例代码
Mar 11 Javascript
详解Angular 4.x Injector
May 04 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
Dec 12 Javascript
详解解决使用axios发送json后台接收不到的问题
Jun 27 Javascript
AngularJS 监听变量变化的实现方法
Oct 09 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
Feb 08 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
Cygwin中安装PHP方法步骤
2015/07/04 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
PHP实现提取多维数组指定一列的方法总结
2019/12/04 PHP
真正的JQuery.ajax传递中文参数的解决方法
2011/05/28 Javascript
合并table相同单元格的jquery插件分享(很精简)
2011/06/20 Javascript
jQuery ajax dataType值为text json探索分享
2013/09/23 Javascript
js hover 定时器(实例代码)
2013/11/12 Javascript
FireBug 调试JS入门教程 如何调试JS
2013/12/23 Javascript
用js将内容复制到剪贴板兼容浏览器
2014/03/18 Javascript
JS判断客服QQ号在线还是离线状态的方法
2015/01/13 Javascript
JavaScript动态修改弹出窗口大小的方法
2015/04/06 Javascript
jquery获取当前元素索引值用法实例
2015/06/10 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
2017/01/11 Javascript
vue2.0结合Element实现select动态控制input禁用实例
2017/05/12 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
2017/09/04 Javascript
vue双向绑定及观察者模式详解
2019/03/19 Javascript
微信小程序实现的图片保存功能示例
2019/04/24 Javascript
vue使用代理解决请求跨域问题详解
2019/07/24 Javascript
vue下的@change事件的实现
2019/10/25 Javascript
javaScript中indexOf用法技巧
2019/11/26 Javascript
vue3.0中使用element的完整步骤
2021/03/04 Vue.js
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
python 实现求解字符串集的最长公共前缀方法
2018/07/20 Python
Python socket处理client连接过程解析
2020/03/18 Python
tensorflow安装成功import tensorflow 出现问题
2020/04/16 Python
html5时钟实现代码
2010/10/22 HTML / CSS
美国最大的无人机经销商:DroneNerds
2018/03/20 全球购物
网络工程师的自我评价
2013/10/02 职场文书
大学生毕业自我评价范文分享
2013/11/07 职场文书
电子商务个人自荐信
2013/12/12 职场文书
商务经理岗位职责
2014/08/03 职场文书
公司授权委托书范文
2014/09/21 职场文书
世界气象日活动总结
2015/02/27 职场文书
2019大学生预备党员转正思想汇报
2019/06/21 职场文书
python使用matplotlib绘制图片时x轴的刻度处理
2021/08/30 Python