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学习笔记(九) js对象 设计模式
Jun 19 Javascript
jquery 为a标签绑定click事件示例代码
Jun 23 Javascript
Javascript 数组排序详解
Oct 22 Javascript
js实现键盘控制DIV移动的方法
Jan 10 Javascript
JavaScript实现的浮动层框架用法实例分析
Oct 10 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
全面解析Bootstrap图片轮播效果
Dec 03 Javascript
微信小程序 css使用技巧总结
Jan 09 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
jQuery实现模糊查询的方法分析
May 10 jQuery
Js通过AES加密后PHP用Openssl解密的方法
Jul 12 Javascript
JS实现滑动插件
Jan 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
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
php5 apache 2.2 webservice 创建与配置(java)
2011/01/27 PHP
PHP pathinfo()获得文件的路径、名称等信息说明
2011/09/13 PHP
VIM中设置php自动缩进为4个空格的方法详解
2013/06/14 PHP
php与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
php实现的双色球算法示例
2017/06/20 PHP
为何说PHP引用是个坑,要慎用
2018/04/02 PHP
Javascript里使用Dom操作Xml
2007/01/22 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
2011/10/06 Javascript
js里取容器大小、定位、距离等属性搜集整理
2013/08/19 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
ECharts仪表盘实例代码(附源码下载)
2016/02/18 Javascript
如何处理JSON中的特殊字符
2016/11/30 Javascript
jquery uploadify如何取消已上传成功文件
2017/02/08 Javascript
解决Angular4项目部署到服务器上刷新404的问题
2018/08/31 Javascript
利用原生JavaScript实现造日历轮子实例代码
2019/05/08 Javascript
nodejs中实现用户注册路由功能
2019/05/20 NodeJs
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
2019/09/25 Javascript
javascrpt密码强度校验函数详解
2020/03/18 Javascript
[01:27]2014DOTA2展望TI 剑指西雅图IG战队专访
2014/06/30 DOTA
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
Python实现方便使用的级联进度信息实例
2015/05/05 Python
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
python 生成器协程运算实例
2017/09/04 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
Django执行源生mysql语句实现过程解析
2020/11/12 Python
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
小学教师培训感言
2014/02/11 职场文书
平面设计求职信
2014/03/10 职场文书
党员对照检查材料整改措施思想汇报
2014/09/26 职场文书
教师党员批评与自我批评
2014/10/15 职场文书
求职信范文怎么写
2015/03/19 职场文书
乱世佳人观后感
2015/06/08 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
mybatis 获取无数据的字段不显示的问题
2021/07/15 Java/Android
WIN10使用IIS部署ftp服务器详细教程
2022/08/05 Servers