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 相关文章推荐
window.addeventjs事件驱动函数集合addEvent等
Feb 19 Javascript
jquery调用wcf并展示出数据的方法
Jul 07 Javascript
javascript loadScript异步加载脚本示例讲解
Nov 14 Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 Javascript
java、javascript实现附件下载示例
Aug 14 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
前端js实现文件的断点续传 后端PHP文件接收
Oct 14 Javascript
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
Node.js Stream ondata触发时机与顺序的探索
Mar 08 Javascript
React Native 混合开发多入口加载方式详解
Sep 23 Javascript
使用Vue实现简单计算器
Feb 25 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
html中select语句读取mysql表中内容
2006/10/09 PHP
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
CentOS下PHP7的编译安装及MySQL的支持和一些常见问题的解决办法
2015/12/17 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
关于Mozilla浏览器不支持innerText的解决办法
2011/01/01 Javascript
终于解决了IE8不支持数组的indexOf方法
2013/04/03 Javascript
JavaScript中的this关键字介绍与使用实例
2013/06/21 Javascript
extjs render 用法介绍
2013/09/11 Javascript
利用Angularjs和bootstrap实现购物车功能
2016/08/31 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
js每隔两秒输出数组中的一项(实例)
2017/05/28 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
2017/07/08 jQuery
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
phantomjs导出html到pdf的方法总结
2017/10/19 Javascript
ng-repeat指令在迭代对象时的去重方法
2018/10/02 Javascript
vue项目中仿element-ui弹框效果的实例代码
2019/04/22 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
Nuxt页面级缓存的实现
2020/03/09 Javascript
vue-cli3中配置alias和打包加hash值操作
2020/09/04 Javascript
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
使用 Visual Studio Code(VSCode)搭建简单的Python+Django开发环境的方法步骤
2018/12/17 Python
matplotlib.pyplot绘图显示控制方法
2019/01/15 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
Python爬虫requests库多种用法实例
2020/05/28 Python
用pip给python安装matplotlib库的详细教程
2021/02/24 Python
JAVA招聘远程笔试题
2015/07/23 面试题
历史学专业推荐信
2013/11/06 职场文书
公益活动策划方案
2014/01/09 职场文书
2014年打非治违工作总结
2014/11/13 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
学期个人自我总结
2015/02/13 职场文书
考博导师推荐信范文
2015/03/27 职场文书
JavaScript组合继承详解
2021/11/07 Javascript
Python制作表白爱心合集
2022/01/22 Python
关于Redis的主从复制及哨兵问题
2022/06/16 Redis