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 相关文章推荐
CSS和JS标签style属性对照表(方便js开发的朋友)
Nov 11 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
Aug 14 Javascript
自己写了一个展开和收起的多更能型的js效果
Mar 05 Javascript
浅析JavaScript中的常用算法与函数
Nov 21 Javascript
常见JS验证脚本汇总
Dec 01 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
May 26 Javascript
JS中sort函数排序用法实例分析
Jun 16 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
微信小程序 页面跳转和数据传递实例详解
Jan 19 Javascript
ionic2 tabs 图标自定义实例
Mar 08 Javascript
基于node.js实现微信支付退款功能
Dec 19 Javascript
layDate插件设置开始和结束时间
Nov 15 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 文件上传功能实现代码
2009/06/24 PHP
php使用websocket示例详解
2014/03/12 PHP
浅谈PHP解析URL函数parse_url和parse_str
2014/11/11 PHP
PHP基于imap获取邮件实例
2014/11/11 PHP
php使用iconv中文截断问题的解决方法
2015/02/11 PHP
php实现购物车功能(以大苹果购物网为例)
2017/03/09 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
PHP CURL使用详解
2019/03/21 PHP
Ext javascript建立超链接,进行事件处理的实现方法
2009/03/22 Javascript
Ext对基本类型的扩展 ext,extjs,format
2010/12/25 Javascript
JavaScript操作Oracle数据库示例
2015/03/06 Javascript
JQuery自适应窗口大小导航菜单附源码下载
2015/09/01 Javascript
基于javascript实现图片预加载
2016/01/05 Javascript
javascript url几种编码方式详解
2016/06/06 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
2018/07/07 Javascript
在react-antd中弹出层form内容传递给父组件的操作
2020/10/24 Javascript
vue使用element-ui实现表单验证
2020/12/13 Vue.js
[01:37]全新的一集《真视界》——TI7总决赛
2017/09/21 DOTA
[01:33:25]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第一场 1月24日
2021/03/11 DOTA
python框架django基础指南
2016/09/08 Python
python算法表示概念扫盲教程
2017/04/13 Python
python画出三角形外接圆和内切圆的方法
2018/01/25 Python
利用python库在局域网内传输文件的方法
2018/06/04 Python
使用Python和百度语音识别生成视频字幕的实现
2020/04/09 Python
python实现交并比IOU教程
2020/04/16 Python
css3 矩阵的使用详解
2018/03/20 HTML / CSS
荷兰家电购物网站:Expert.nl
2020/01/18 全球购物
致长跑运动员广播稿
2014/01/31 职场文书
历史专业学生的自我评价
2014/02/28 职场文书
国庆促销活动总结
2014/08/29 职场文书
2014年护士个人工作总结
2014/11/11 职场文书
2014年依法行政工作总结
2014/11/19 职场文书
Python基础 括号()[]{}的详解
2021/11/07 Python
Redis基本数据类型List常用操作命令
2022/06/01 Redis
CentOS7安装MySQL8的超级详细教程(无坑!)
2022/06/10 Servers