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 相关文章推荐
(function($){...})(jQuery)的意思
Jul 22 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
jquery中EasyUI实现同步树
Mar 01 Javascript
javascript实时获取鼠标坐标值并显示的方法
Apr 30 Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 Javascript
关于获取DIV内部内容报错的原因分析及解决办法
Jan 29 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
Aug 31 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
Jul 11 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
Aug 09 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
Aug 07 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
世界咖啡生产者论坛呼吁:需要立即就咖啡价格采取认真行动
2021/03/06 咖啡文化
层叠菜单的动态生成
2006/10/09 PHP
PHP配置文件中最常用四个ini函数
2007/03/19 PHP
linux实现php定时执行cron任务详解
2013/12/24 PHP
Discuz批量替换帖子内容的方法(使用SQL更新数据库)
2014/06/23 PHP
非常全面的php日期时间运算汇总
2015/11/04 PHP
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
Javascript模块化编程(一)模块的写法最佳实践
2013/01/17 Javascript
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
在每个匹配元素的外部插入新元素的方法
2013/12/20 Javascript
使用JS+plupload直接批量上传图片到又拍云
2014/12/01 Javascript
JavaScript学习笔记之基础语法
2015/01/22 Javascript
浅谈使用MVC模式进行JavaScript程序开发
2015/11/10 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
2017/10/24 Javascript
使用JavaScript解析URL的方法示例
2019/03/01 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
详解vue父子组件状态同步的最佳方式
2020/09/10 Javascript
js实现验证码干扰(动态)
2021/02/23 Javascript
python中类的一些方法分析
2014/09/25 Python
Python简单获取自身外网IP的方法
2016/09/18 Python
Python登录并获取CSDN博客所有文章列表代码实例
2017/12/28 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
django celery redis使用具体实践
2019/04/08 Python
flask框架单元测试原理与用法实例分析
2019/07/23 Python
python实现图片插入文字
2019/11/26 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
会计实习期自我鉴定
2013/10/06 职场文书
3.15国际消费者权益日主题活动活动总结
2014/03/16 职场文书
论文指导教师评语
2014/04/28 职场文书
结婚老公保证书
2015/02/26 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
2015年预防青少年违法犯罪工作总结
2015/05/22 职场文书
幼儿园小班班务总结
2015/08/03 职场文书
销售人员管理制度
2015/08/06 职场文书
2016年小学生教师节广播稿
2015/12/18 职场文书