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 相关文章推荐
javascript 限制输入脚本大全
Nov 03 Javascript
node在两个div之间移动,用ztree实现
Mar 06 Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
Apr 16 Javascript
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
Apr 24 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
Nov 17 Javascript
节点的插入之append()和appendTo()的用法介绍
Jan 13 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
Jun 14 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
Jul 09 Javascript
vue-lazyload图片延迟加载插件的实例讲解
Feb 09 Javascript
前端防止用户重复提交js实现代码示例
Sep 07 Javascript
vue router导航守卫(router.beforeEach())的使用详解
Apr 19 Javascript
Postman参数化实现过程及原理解析
Aug 13 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
IIS6的PHP最佳配置方法
2007/03/19 PHP
PHP 图片文件上传实现代码
2010/12/29 PHP
shopex主机报错误请求解决方案(No such file or directory)
2011/12/27 PHP
php生成zip压缩文件的方法详解
2013/06/09 PHP
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
PHP Session机制简介及用法
2014/08/19 PHP
浅析PHP中的i++与++i的区别及效率
2016/06/15 PHP
js onkeypress与onkeydown 事件区别详细说明
2012/12/13 Javascript
JavaScript解析json格式数据简单示例
2014/12/09 Javascript
javascript实现控制文字大中小显示
2015/04/28 Javascript
详解JavaScript的表达式与运算符
2015/11/30 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
2015/12/13 Javascript
AngularJs定制样式插入到ueditor中的问题小结
2016/08/01 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
纯原生js实现贪吃蛇游戏
2020/04/16 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
2018/02/28 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
使用js实现将后台传入的json数据放在前台显示
2018/08/06 Javascript
ElementUI 修改默认样式的几种办法(小结)
2020/07/29 Javascript
js+html+css实现手动轮播和自动轮播
2020/12/30 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
[02:45]2016年中国刀塔全程回顾,完美“圣”典即将上演
2016/12/15 DOTA
python中的五种异常处理机制介绍
2014/09/02 Python
python数据分析工具之 matplotlib详解
2020/04/09 Python
Django中F函数的使用示例代码详解
2020/07/06 Python
html5配合css3实现带提示文字的输入框(摆脱js)
2013/03/08 HTML / CSS
护理中职生求职信范文
2014/02/24 职场文书
学生违反校规检讨书
2014/10/28 职场文书
社会实践活动总结
2015/02/05 职场文书
超市收银员岗位职责
2015/04/07 职场文书
2015年药店店长工作总结
2015/04/29 职场文书
小学数学教师研修感悟
2015/11/18 职场文书
高考满分作文赏析(2篇)
2019/08/12 职场文书
大型强子对撞机再次重启探索“第五种自然力”
2022/04/29 数码科技