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 Event学习第七章 事件属性
Feb 07 Javascript
Google的跟踪代码 动态加载js代码方法应用
Nov 12 Javascript
热点新闻滚动特效的js代码
Aug 17 Javascript
jQuery简单图表peity.js使用示例
May 02 Javascript
Bootstrap每天必学之面板
Nov 30 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
Dec 08 Javascript
js实现贪吃蛇小游戏(容易理解)
Jan 22 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
Mar 13 Javascript
微信小程序修改swiper默认指示器样式的实例代码
Jul 18 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
May 08 Javascript
javascript获取元素的计算样式
May 24 Javascript
Element Steps步骤条的使用方法
Jul 26 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
3
2006/10/09 PHP
PHP6新特性分析
2016/03/03 PHP
php图片添加文字水印实现代码
2016/03/15 PHP
script标签的 charset 属性使用说明
2010/12/04 Javascript
浅谈Javascript事件处理程序的几种方式
2012/06/27 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
2015/03/26 Javascript
jquery实现的点击翻书效果代码
2015/11/04 Javascript
JS简单模拟触发按钮点击功能的方法
2015/11/30 Javascript
JavaScript中数组添加值和访问值常见问题
2016/02/06 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
使用BootStrap实现标签切换原理解析
2017/03/14 Javascript
原生js实现简单的链式操作
2017/07/04 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
mpvue全局引入sass文件的方法步骤
2019/03/06 Javascript
js 实现 list转换成tree的方法示例(数组到树)
2019/08/18 Javascript
Vue3 源码导读(推荐)
2019/10/14 Javascript
python封装对象实现时间效果
2020/04/23 Python
详解Python3中字符串中的数字提取方法
2017/01/14 Python
python 中的list和array的不同之处及转换问题
2018/03/13 Python
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
如何基于python实现归一化处理
2020/01/20 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
详解使用HTML5 Canvas创建动态粒子网格动画
2016/12/14 HTML / CSS
联想香港官方网站及网店:Lenovo香港
2018/04/13 全球购物
最新的大学生找工作自我评价
2013/09/29 职场文书
消防安全宣传口号
2014/06/10 职场文书
班子四风对照检查材料思想汇报
2014/09/29 职场文书
2015年幼儿园元旦亲子活动方案
2014/12/09 职场文书
青岛导游词
2015/02/12 职场文书
保险公司反洗钱宣传活动总结
2015/05/08 职场文书
军事理论课感想
2015/08/11 职场文书
乡镇干部学习心得体会
2016/01/23 职场文书
2016年清明节期间群众祭祀活动工作总结
2016/04/01 职场文书
小学生一年级(书信作文)
2019/08/13 职场文书
Springboot中如何自动转JSON输出
2022/06/16 Java/Android