js控制当再次点击按钮时的间隔时间


Posted in Javascript onJune 03, 2014
<script type="text/javascript" language="javascript"> var wait = 60; 
function change() { 
$o = $("#J_refresh_checkcode"); 
if(wait == 0) { 
$o.removeAttr("disabled"); 
$o.html("看不清?换一张"); 
wait = 60; 
} else { 
$o.attr("disabled", true); 
$o.attr("font-color", "gray"); 
$o.html(wait + "秒后可重新获取"); 
wait--; 
if(wait == 59) { 
var imgNode = document.getElementById("vimg"); 
imgNode.src = "../../AjaxServer/CheckCodePic.ashx?t=" + (new Date()).valueOf(); // 这里加个时间的参数是为了防止浏览器缓存的问题 
$("#J_checkcode_tip").addClass("hide"); 
$("#J_checkcode_tip>div").html(""); 
$("#<%=hidPicMessage.ClientID%>").val(""); 
} 
setTimeout(function() { 
change() 
}, 
1000) 
} 
}</script>

则 html如下:
<div class="kv_item clear"> 
<span class="kv_label fl">验证码</span> 
<input name="checkCode" class="i_textshort fl" id="J_checkcode_input" onmousedown="ClearCodeMessage()" type="text" maxlength="6" autocomplete="off" onblur="CheckCode()" /> 
<img src="../../AjaxServer/CheckCodePic.ashx" height="28" id="vimg" alt="" style="float:left;margin:-1px 0 0 3px"/> 
<a id="J_refresh_checkcode" onclick="change()">看不清,换一张</a> 
<div class="msg msg-inline msg-weak hide" id="J_checkcode_tip"> 
<div class="msg-default msg-error"> 
<i class="msg-icon"></i> 
<div class="msg-content"> 
</div> 
</div> 
</div> 
</div>
Javascript 相关文章推荐
JavaScript脚本语言在网页中的简单应用
May 13 Javascript
window.addeventjs事件驱动函数集合addEvent等
Feb 19 Javascript
基于JQuery的简单实现折叠菜单代码
Sep 15 Javascript
JavaScript定时器详解及实例
Aug 01 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
Mar 30 Javascript
bootstrap实现每隔5秒自动轮播效果
Dec 20 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
Easyui和zTree两种方式分别实现树形下拉框
Aug 04 Javascript
Vue中父子组件通讯之todolist组件功能开发
May 21 Javascript
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
如何用原生js写一个弹窗消息提醒插件
May 24 Javascript
Vue Elenent实现表格相同数据列合并
Nov 30 Vue.js
node.js中使用node-schedule实现定时任务实例
Jun 03 #Javascript
node.js WEB开发中图片验证码的实现方法
Jun 03 #Javascript
node.js实现多图片上传实例
Jun 03 #Javascript
node.js正则表达式获取网页中所有链接的代码实例
Jun 03 #Javascript
jquery处理json数据实例分析
Jun 03 #Javascript
js 获取浏览器版本以此来调整CSS的样式
Jun 03 #Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 #Javascript
You might like
php模拟socket一次连接,多次发送数据的实现代码
2011/07/26 PHP
ThinkPHP验证码使用简明教程
2014/03/05 PHP
php实现的操作excel类详解
2016/01/15 PHP
CL vs ForZe BO5 第四场 2.13
2021/03/10 DOTA
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
制作jquery遮罩层效果导航菜单代码分享
2013/12/25 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
2015/03/04 Javascript
jquery ztree实现树的搜索功能
2016/02/25 Javascript
JavaScript几种数组去掉重复值的方法推荐
2016/04/12 Javascript
jquery简单插件制作(fn.extend)完整实例
2016/05/24 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
2017/01/04 Javascript
利用Angular.js编写公共提示模块的方法教程
2017/05/28 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
深入理解NodeJS 多进程和集群
2018/10/17 NodeJs
JavaScript冒泡算法原理与实现方法深入理解
2020/06/04 Javascript
vue+Element-ui实现登录注册表单
2020/11/17 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
[47:02]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS paiN
2018/03/30 DOTA
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
tensorflow学习笔记之mnist的卷积神经网络实例
2018/04/15 Python
在pycharm中配置Anaconda以及pip源配置详解
2019/09/09 Python
Python按照list dict key进行排序过程解析
2020/04/04 Python
30行Python代码实现高分辨率图像导航的方法
2020/05/22 Python
python获取linux系统信息的三种方法
2020/10/14 Python
HTML5进度条特效
2014/12/18 HTML / CSS
全球最大的在线橄榄球商店:Lovell Rugby
2018/05/20 全球购物
酒店司机岗位职责
2013/12/14 职场文书
英文导游欢迎词
2014/01/11 职场文书
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
汽修专业自荐信
2014/07/07 职场文书
2016年3月份红领巾广播稿
2015/12/21 职场文书
Mysql服务添加 iptables防火墙策略的方案
2021/04/29 MySQL
Python字典和列表性能之间的比较
2021/06/07 Python
Python学习之时间包使用教程详解
2022/03/21 Python