jQuery实现发送验证码并60秒倒计时功能


Posted in Javascript onNovember 25, 2016

本文给大家分享一段js代码关于实现验证码功能并在60秒后倒计时功能。废话不多说了,具体代码如下所示:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
<title></title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"> 
var countdown=60; 
function settime(obj) { 
if (countdown == 0) { 
obj.removeAttribute("disabled"); 
obj.value="免费获取验证码"; 
countdown = 60; 
return;
} else { 
obj.setAttribute("disabled", true); 
obj.value="重新发送(" + countdown + ")"; 
countdown--; 
} 
setTimeout(function() { 
settime(obj) }
,1000) 
}
</script>
<body> 
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> 
</body>
</html>

以上所述是小编给大家介绍的jQuery实现发送验证码并60秒倒计时功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于jQuery的合并表格中相同文本的相邻单元格的代码
Apr 06 Javascript
js 判断文件类型并控制表单提交示例代码
Nov 14 Javascript
javascript的push使用指南
Dec 05 Javascript
重写document.write实现无阻塞加载js广告(补充)
Dec 12 Javascript
基于jquery实现在线选座订座之影院篇
Aug 24 Javascript
bootstrapValidator自定验证方法写法
Dec 01 Javascript
JQuery实现图片轮播效果
May 08 jQuery
underscore之function_动力节点Java学院整理
Jul 11 Javascript
JS随机排序数组实现方法分析
Oct 11 Javascript
微信小程序获取手机号授权用户登录功能
Nov 09 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
vue父子组件通信的高级用法示例
Aug 29 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
Nov 25 #Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 #Javascript
JS实现的图片预览插件与用法示例【不上传图片】
Nov 25 #Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 #Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
Nov 25 #Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 #Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 #Javascript
You might like
一个php作的文本留言本的例子(一)
2006/10/09 PHP
具有时效性的php加密解密函数代码
2013/06/19 PHP
PHPstorm快捷键(分享)
2017/07/17 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
PHP生成二维码与识别二维码的方法详解【附源码下载】
2019/03/07 PHP
可以文本显示的公告栏的js代码
2007/03/11 Javascript
基于jQuery的图片剪切插件
2011/08/03 Javascript
js验证模型自我实现的具体方法
2013/06/21 Javascript
Bootstrap Table从零开始
2017/06/30 Javascript
Node做中转服务器转发接口
2017/10/18 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
2017/12/27 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
使用vue完成微信公众号网页小记(推荐)
2019/04/28 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
2020/03/20 jQuery
在Python的Django框架中实现Hacker News的一些功能
2015/04/17 Python
Python中函数参数设置及使用的学习笔记
2016/05/03 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
python快速编写单行注释多行注释的方法
2019/07/31 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
matplotlib实现显示伪彩色图像及色度条
2019/12/07 Python
python实现读取类别频数数据画水平条形图案例
2020/04/24 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
html5中为audio标签增加停止按钮动作实现方法
2013/01/04 HTML / CSS
StubHub墨西哥:购买和出售您的门票
2016/09/17 全球购物
一个精品风格的世界:Atterley
2019/05/01 全球购物
CHARLES & KEITH台湾官网:新加坡时尚品牌
2019/07/30 全球购物
邮政员工辞职信
2014/01/16 职场文书
人事专员职责
2014/02/22 职场文书
安全在我心中演讲稿
2014/09/01 职场文书
挂职学习心得体会
2014/09/09 职场文书
2014年预备党员群众路线教育实践活动对照检查材料思想汇报
2014/10/02 职场文书
个人学习群众路线心得体会
2014/11/05 职场文书
2019年最新借条范本!
2019/07/08 职场文书
Golang解析JSON对象
2022/04/30 Golang
python实现双链表
2022/05/25 Python