基于jquery的-获取短信验证码-倒计时

在制作短信验证的时候,需要做一个获取短信按钮,点击后显示倒计时,

html代码如下:

1 <input class="gain" type="button" value="获取验证码">

js代码如下:

 1 var istime=true;
 2     $(".gain").click(function(){if(istime){getCode($(this),30)}})
 3 
 4     //获取验证码
 5     function getCode(a,n){//a:DOM节点,n:倒数秒数
 6         istime=false;
 7         a.val(n+"s");
 8         var times=setTimeout(changetime,1000);
 9         function changetime(){
10             if(n>0){n--;a.val(n+"s");times=setTimeout(changetime,1000);}else{clearTimeout(times);a.val("重新获取");istime=true;}
11         }
12     }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏移动应用测试

当uiautomator遇到xpath和ocr,畅快

Android 的 UI 测试中,经常要点击某个控件,google 给出了 uiautomator 工具可以方便的查看控件信息,但是写测试用例的时候,仍然经常遇...

1224
来自专栏从零开始学 Web 前端

从零开始学 Web 之 DOM(三)innerText与innerHTML、自定义属性

623
来自专栏阮一峰的网络日志

如何做到 jQuery-free?

jQuery是现在最流行的JavaScript工具库。 据统计,目前全世界57.3%的网站使用它。也就是说,10个网站里面,有6个使用jQuery。如果只考察使...

2914
来自专栏Core Net

Ios8之后, 定位的delegate不能触发的问题

2618
来自专栏偏前端工程师的驿站

前端魔法堂:onsubmit和submit事件处理函数怎么不生效呢?

前言  最近在用Polymer增强form,使其支持表单的异步提交,但发现明明订阅了onsubmit和submit事件,却怎么也触发不了。下面我们将一一道来。 ...

1827
来自专栏计算机编程

关于RxJS 自定义封装Rxbus的使用规范文档

2.3、声明isInner为true的情况: 主要是在push页面之前,即进入子页面:

792
来自专栏柠檬先生

VUE 入门基础(9)

十一,深入响应式原理    声明响应式属性     由于Vue不允许动态添加根级响应式属性,所以你必须在初始化实例钱声明根级响应式属性,哪怕只有一个空值。 ...

1945
来自专栏偏前端工程师的驿站

HTML语义化:HTML5新标签——template

一、前言                                 当我们使用String-base的模板引擎(如Handlebars.js等)时,要么就...

2119
来自专栏流星博客

WordPrss自带REST API在外站列出文章实例

WordPress REST API提供了一组易于使用的HTTP端点,使您可以以简单的JSON格式访问站点的数据,包括用户,帖子,分类等。检索或更新数据就像发送...

713
来自专栏前端学习心得

React三大突出特点

942

扫描关注云+社区