jQuery实现发送验证码并60秒倒计时功能
更新时间：2016年11月25日 15:36:31 作者：flyqingfei
这篇文章主要介绍了jQuery实现发送验证码并60秒倒计时功能，非常不错，代码简单易懂，需要的朋友参考下吧
本文给大家分享一段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秒倒计时功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
在网页上经常可以看到有背景图片可以自动淡入淡入切换的效果，非常漂亮，实用性也非常高，今天小编给大家分享基于jquery代码实现图片墙自动+手动淡入淡出切换效果，感兴趣的朋友一起学习吧2016-05-05
本篇文章，小编将为大家介绍jQuery实现 注册时选择阅读条款 左右移动，有需要的朋友可以参考一下2013-04-04
这篇文章主要介绍了jQuery使用hide方法隐藏页面上指定元素的方法,涉及jQuery使用hide隐藏元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
下面小编就为大家带来一篇浅谈jQuery 中的事件冒泡和阻止默认行为。小编举得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
使用jQuery的live()方法绑定事件，有时会出现重复绑定的情况，如，当点击一个按钮时，此按钮所绑定的事件会并执行n遍2011-10-10
这篇文章主要为大家详细介绍了jQuery实现图片切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
本篇文章主要是对JS中的log对象获取以及debug的写法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
本篇文章主要介绍了jQuery.data() 的实现方式，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
delegate()方法是为匹配元素的子元素添加一个或多个事件，并规定当这些事件发生时运行的函数。下面就是详细介绍，有需要的朋友可以来介绍一下。2016-10-10
全选、全非选即取得被选中的值在日常开发应用中很广泛，下面有个不错的示例，大家可以感受下2013-11-11
最新评论