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 未结束的字符串常量常见解决方法
Jan 24 Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
Jan 11 Javascript
jquery触发a标签跳转事件示例代码
Jul 21 Javascript
javascript实现按回车键切换焦点
Feb 09 Javascript
JS验证input输入框(字母,数字,符号,中文)
Mar 23 Javascript
AngularJS双向绑定和依赖反转实例详解
Apr 15 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
May 07 Javascript
利用JS做网页特效_大图轮播(实例讲解)
Aug 09 Javascript
vuex的简单使用教程
Feb 02 Javascript
Vue 实现列表动态添加和删除的两种方法小结
Sep 07 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
Apr 19 Javascript
package.json配置文件构成详解
Aug 27 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操作MongoDB时的整数问题及对策说明
2011/05/02 PHP
php动态实现表格跨行跨列实现代码
2012/11/06 PHP
PHP使用memcache缓存技术提高响应速度的方法
2014/12/26 PHP
php使用PDO获取结果集的方法
2017/02/16 PHP
php readfile下载大文件失败的解决方法
2017/05/22 PHP
php显示页码分页类的封装
2017/06/08 PHP
PHP如何将图片文件上传到另外一台服务器上
2019/08/26 PHP
基于jQuery的倒计时插件代码
2011/05/07 Javascript
js操作iframe兼容各种主流浏览器示例代码
2013/07/22 Javascript
js打开windows上的可执行文件示例
2014/05/27 Javascript
jquery中EasyUI使用技巧小结
2015/02/10 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
js实现页面a向页面b传参的方法
2016/05/29 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
2017/10/24 Javascript
浅谈React和Redux的连接react-redux
2017/12/04 Javascript
Vue进度条progressbar组件功能
2018/04/17 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
JavaScript修改注册表实例代码
2020/01/05 Javascript
vue 实现把路由单独分离出来
2020/08/13 Javascript
[02:19]DOTA选手解说齐贺岁
2018/02/11 DOTA
python实现计算资源图标crc值的方法
2014/10/05 Python
Python中使用copy模块实现列表(list)拷贝
2015/04/14 Python
5款非常棒的Python工具
2018/01/05 Python
遗传算法python版
2018/03/19 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
美国购车网站:TrueCar
2016/10/19 全球购物
瑞典时尚耳机品牌:Urbanears
2017/07/26 全球购物
公司授权委托书范本
2014/09/18 职场文书
龙门石窟导游词
2015/02/02 职场文书
小学运动会前导词
2015/07/20 职场文书
新年祝酒词大全
2015/08/11 职场文书
2016年中学法制宣传日活动总结
2016/04/01 职场文书
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python
Golang实现可重入锁的示例代码
2022/05/25 Golang