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 相关文章推荐
JsDom 编程小结
Aug 09 Javascript
简单谈谈javascript代码复用模式
Jan 28 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
学习使用bootstrap基本控件(table、form、button)
Apr 12 Javascript
小白谈谈对JS原型链的理解
May 03 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
Vue.js中的图片引用路径的方式
Jul 28 Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
Oct 31 Javascript
js判断输入框不能为空格或null值的实现方法
Mar 02 Javascript
JavaScript内置对象math,global功能与用法实例分析
Jun 10 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
vue实现的多页面项目如何优化打包的步骤详解
Jul 19 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
用Socket发送电子邮件
2006/10/09 PHP
探讨如何在php168_cms中提取验证码
2013/06/08 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
Laravel学习笔记之Artisan命令生成自定义模板的方法
2018/11/22 PHP
使用composer安装使用thinkphp6.0框架问题【视频教程】
2019/10/01 PHP
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
2014/05/11 Javascript
angularjs中的e2e测试实例
2014/12/06 Javascript
js判断文本框输入的内容是否为数字
2015/12/23 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
Linux下通过python访问MySQL、Oracle、SQL Server数据库的方法
2016/04/23 Python
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
pandas 层次化索引的实现方法
2019/07/06 Python
django 通过URL访问上传的文件方法
2019/07/28 Python
django连接oracle时setting 配置方法
2019/08/29 Python
Python configparser模块封装及构造配置文件
2020/08/07 Python
详解Html5中video标签那些属性和方法
2019/07/01 HTML / CSS
耐克巴西官方网站:Nike巴西
2016/08/14 全球购物
越南综合购物网站:Lazada越南
2019/06/10 全球购物
香港零食网购:上仓胃子
2020/06/08 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
带薪年假请假条
2014/02/04 职场文书
保密普查工作实施方案
2014/02/25 职场文书
交通事故调解协议书
2014/04/16 职场文书
庆七一宣传标语
2014/10/08 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
MySql开发之自动同步表结构
2021/05/28 MySQL
详解thinkphp的Auth类认证
2021/05/28 PHP
Java实现多线程聊天室
2021/06/26 Java/Android
sass 常用备忘案例详解
2021/09/15 HTML / CSS
nginx常用配置conf的示例代码详解
2022/03/21 Servers
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
2022/04/24 Vue.js