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 28 Javascript
Jquery之Bind方法参数传递与接收的三种方法
Jun 24 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
基于javascript制作经典传统的拼图游戏
Mar 22 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
Jun 16 Javascript
微信小程序 location API实例详解
Oct 02 Javascript
JavaScript实现多重继承的方法分析
Jan 09 Javascript
vue-cli脚手架-bulid下的配置文件
Mar 27 Javascript
如何通过setTimeout理解JS运行机制详解
Mar 23 Javascript
Echarts地图添加引导线效果(labelLine)
Sep 30 Javascript
介绍一下28个JS常用数组方法
May 06 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循环遍历数组的3种方法list()、each()和while总结
2014/11/19 PHP
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
android上传图片到PHP的过程详解
2015/08/03 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
JavaScript 创建对象和构造类实现代码
2009/07/30 Javascript
IE与Firefox在JavaScript上的7个不同写法小结
2009/09/14 Javascript
Whatever:hover 无需javascript让IE支持丰富伪类
2010/06/29 Javascript
jquery nth-child()选择器的简单应用
2010/07/10 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
2012/09/11 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
初识Node.js
2015/03/20 Javascript
浅谈JavaScript字符串与数组
2015/06/03 Javascript
javascript比较语义化版本号的实现代码
2016/09/09 Javascript
Angular2 环境配置详细介绍
2016/09/21 Javascript
headjs实现网站并行加载但顺序执行JS
2016/11/29 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
2018/02/26 Javascript
vuex2中使用mapGetters/mapActions报错的解决方法
2018/10/20 Javascript
python使用range函数计算一组数和的方法
2015/05/07 Python
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
浅谈python多线程和队列管理shell程序
2015/08/04 Python
Python使用gensim计算文档相似性
2016/04/10 Python
浅谈Python 集合(set)类型的操作——并交差
2016/06/30 Python
Python内存管理方式和垃圾回收算法解析
2017/11/11 Python
python爬取m3u8连接的视频
2018/02/28 Python
详解pandas.DataFrame中删除包涵特定字符串所在的行
2019/04/04 Python
Python 抓取微信公众号账号信息的方法
2019/06/14 Python
Django 中自定义 Admin 样式与功能的实现方法
2019/07/04 Python
Flask框架学习笔记之表单基础介绍与表单提交方式
2019/08/12 Python
有关Tensorflow梯度下降常用的优化方法分享
2020/02/04 Python
适合Python初学者的一些编程技巧
2020/02/12 Python
Python 多线程C段扫描、检测 Ping扫描脚本的实现
2020/09/03 Python
Pycharm创建文件时自动生成文件头注释(自定义设置作者日期)
2020/11/24 Python
css3闪亮进度条效果实现思路及代码
2013/04/17 HTML / CSS
责任担保书范文
2014/05/21 职场文书