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 相关文章推荐
js自动闭合html标签(自动补全html标记)
Oct 04 Javascript
jquery预览图片实现鼠标放上去显示实际大小
Jan 16 Javascript
JS创建自定义表格具体实现
Feb 11 Javascript
javascript实现简单的鼠标拖动效果实例
Apr 10 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
Oct 09 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
Oct 27 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
Dec 12 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
Jan 05 Javascript
详解vue-cli中配置sass
Jun 21 Javascript
js canvas实现写字动画效果
Nov 30 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 29 Javascript
js实现无缝轮播图效果
Mar 09 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不用正则采集速度探究总结
2008/03/24 PHP
php adodb介绍
2009/03/19 PHP
php下将XML转换为数组
2010/01/01 PHP
PHP 创建文件(文件夹)以及目录操作代码
2010/03/04 PHP
php与mysql建立连接并执行SQL语句的代码
2011/07/04 PHP
基于linnux+phantomjs实现生成图片格式的网页快照
2015/04/15 PHP
php递归实现无限分类的方法
2015/07/28 PHP
PHP 模拟登陆功能实例详解
2019/09/10 PHP
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
2015/03/05 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
vue中echarts3.0自适应的方法
2018/02/26 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
2018/11/08 Javascript
JavaScript中将值转换为字符串的五种方法总结
2019/06/06 Javascript
vue实现点击追加选中样式效果
2019/11/01 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
2020/07/18 Javascript
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[05:31]干嘛呢兄弟!DOTA2 TI9语音轮盘部分出处
2019/05/14 DOTA
python解析json实例方法
2013/11/19 Python
python中合并两个文本文件并按照姓名首字母排序的例子
2014/04/25 Python
python实现2048小游戏
2015/03/30 Python
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
Python数据结构之单链表详解
2017/09/12 Python
python Socket之客户端和服务端握手详解
2017/09/18 Python
浅析python实现scrapy定时执行爬虫
2018/03/04 Python
Python面向对象之接口、抽象类与多态详解
2018/08/27 Python
用Python实现读写锁的示例代码
2018/11/05 Python
Python assert语句的简单使用示例
2019/07/28 Python
Django admin.py 在修改/添加表单界面显示额外字段的方法
2019/08/22 Python
html5基础教程常用技巧整理
2013/08/20 HTML / CSS
超级英雄、电影和电视、乐队和音乐T恤:Loud Clothing
2019/09/01 全球购物
英国美术用品购物网站:Cass Art
2019/10/08 全球购物
上海期货面试题
2014/01/31 面试题
全国优秀教师事迹材料
2014/08/26 职场文书
党的群众路线批评与自我批评范文
2014/10/16 职场文书
java项目构建Gradle的使用教程
2022/03/24 Java/Android
SQL Server使用T-SQL语句批处理
2022/05/20 SQL Server