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 函数链之演变
Apr 07 Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
Feb 16 Javascript
js通过location.search来获取页面传来的参数
Sep 11 Javascript
javascript实现切换td中的值
Dec 05 Javascript
为什么JS中eval处理JSON数据要加括号
Apr 13 Javascript
微信小程序 require机制详解及实例代码
Dec 14 Javascript
jQuery常见的选择器及用法介绍
Dec 20 Javascript
react-native ListView下拉刷新上拉加载实现代码
Aug 03 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
微信小程序本地存储实现每日签到、连续签到功能
Oct 09 Javascript
CountUp.js数字滚动插件使用方法详解
Oct 17 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
Nov 18 Vue.js
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
微信支付开发教程(一)微信支付URL配置
2014/05/28 PHP
PHP中exec与system用法区别分析
2014/09/22 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
thinkphp5.1框架容器与依赖注入实例分析
2019/07/23 PHP
javascript 获取网页参数系统
2008/07/19 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
JS实现拖动示例代码
2013/11/01 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
2014/02/13 Javascript
JavaScript实现的encode64加密算法实例分析
2015/04/15 Javascript
JavaScript基础知识及常用方法总结
2016/01/10 Javascript
JS实现Select的option上下移动的方法
2016/03/01 Javascript
Webpack 实现 AngularJS 的延迟加载
2016/03/02 Javascript
实现React单页应用的方法详解
2016/08/02 Javascript
浅谈vue引入css,less遇到的坑和解决方法
2018/01/20 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
[02:15]2015国际邀请赛选手档案IG.Ferrari 430
2015/07/30 DOTA
[04:13]2018国际邀请赛典藏宝瓶Ⅱ饰品一览
2018/07/21 DOTA
Python  连接字符串(join %)
2008/09/06 Python
在Python中使用matplotlib模块绘制数据图的示例
2015/05/04 Python
Python实现购物车程序
2018/04/16 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
丝芙兰墨西哥官网:Sephora墨西哥
2020/05/30 全球购物
餐饮加盟计划书
2014/01/10 职场文书
《只有一个地球》教学反思
2014/02/14 职场文书
中班开学寄语
2014/04/04 职场文书
租房协议书
2014/04/10 职场文书
部队2015年终工作总结
2015/04/02 职场文书
活动主持人开场白
2015/05/28 职场文书
公司业务员管理制度
2015/08/05 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书
react antd实现动态增减表单
2021/06/03 Javascript
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL
Win11怎么把合并的任务栏分开 Win11任务栏合并分开教程
2022/04/06 数码科技
python如何利用cv2.rectangle()绘制矩形框
2022/12/24 Python