基于jquery的-获取短信验证码-倒计时
2015-11-03 17:03
267 查看
在制作短信验证的时候,需要做一个获取短信按钮,点击后显示倒计时,
html代码如下:
js代码如下:
html代码如下:
<input class="gain" type="button" value="获取验证码">
js代码如下:
var istime=true; $(".gain").click(function(){if(istime){getCode($(this),30)}}) //获取验证码 function getCode(a,n){//a:DOM节点,n:倒数秒数 istime=false; a.val(n+"s"); var times=setTimeout(changetime,1000); function changetime(){ if(n>0){n--;a.val(n+"s");times=setTimeout(changetime,1000);}else{clearTimeout(times);a.val("重新获取");istime=true;} } }
相关文章推荐
- 一些jquery技巧
- jquery.validate验证text,checkbox,radio,selected
- jQuery-1.9.1源码分析系列(一)整体架构续
- jQuery表单对象属性过滤选择器
- jQuery子元素过滤选择器
- php+mysql+jquery 简易的检索自动补全提示
- jQuery属性过滤选择器
- 点击淡入淡出jquery
- Jquery 事件冒泡 以及阻止默认事件
- jQuery-1.9.1源码分析系列(一)整体架构
- 三、jQuery--jQuery基础--jQuery基础课程--第11章 jQuery 工具类函数
- 两种方法基于jQuery实现IE浏览器兼容placeholder效果【转】
- JQuery中的prop和attr
- 理解jquery的$.extend()、$.fn和$.fn.extend()
- 前端学习笔记(zepto或jquery)—— 布局技巧(一)
- jQuery 可见性过滤选择器
- jQuery uploadify-v3.1 批量上传
- jQuery内容过滤器
- jquery操作DOM 元素(3)
- jQuery学习笔记之概念(1)