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 相关文章推荐
js+div实现图片滚动效果代码
Feb 10 Javascript
Javascript中数组方法汇总(推荐)
Apr 01 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
May 25 Javascript
angular route中使用resolve在uglify压缩后问题解决
Sep 21 Javascript
使用Angular.js开发的注意事项
Oct 19 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
vue插件实现v-model功能
Sep 10 Javascript
vue+echarts实现动态绘制图表及异步加载数据的方法
Oct 17 Javascript
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
Apr 28 Javascript
vue+element加入签名效果(移动端可用)
Jun 17 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
Aug 06 Javascript
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自定义函数之递归删除文件及目录
2010/08/08 PHP
修改destoon会员公司的伪静态中的com目录的方法
2014/08/21 PHP
php将数组存储为文本文件方法汇总
2015/10/28 PHP
PHP实现添加购物车功能
2017/03/06 PHP
laravel orm 关联条件查询代码
2019/10/21 PHP
搭建PhpStorm+PhpStudy开发环境的超详细教程
2020/09/17 PHP
菜鸟学习JavaScript小实验之函数引用
2010/11/17 Javascript
Javascript简单实现可拖动的div
2013/10/22 Javascript
javascript和jquery修改a标签的href属性
2013/12/16 Javascript
浅谈JavaScript字符串拼接
2015/06/25 Javascript
ionic实现滑动的三种方式
2016/08/27 Javascript
angularjs中ng-attr的用法详解
2016/12/31 Javascript
Angularjs为ng-click事件传递参数
2017/06/15 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
2017/07/13 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
JavaScript工具库MyTools详解
2020/01/01 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
Python中用Spark模块的使用教程
2015/04/13 Python
Python基于动态规划算法计算单词距离
2015/07/25 Python
tensorflow 使用flags定义命令行参数的方法
2018/04/23 Python
不管你的Python报什么错,用这个模块就能正常运行
2018/09/14 Python
利用Python实现学生信息管理系统的完整实例
2020/12/30 Python
超30万乐谱下载:Musicnotes.com
2016/09/24 全球购物
美国校园市场:OCM
2017/06/08 全球购物
英国电信商店:BT Shop
2019/12/17 全球购物
配置管理计划的主要内容有哪些
2014/06/20 面试题
入党积极分子思想汇报
2014/01/02 职场文书
普通大学毕业生自荐信范文
2014/02/23 职场文书
机关单位动员会主持词
2014/03/20 职场文书
企业演讲稿范文大全
2014/05/20 职场文书
“四风”问题对照检查材料思想汇报
2014/09/16 职场文书
Nginx四层负载均衡的配置指南
2021/06/11 Servers
MySql 8.0及对应驱动包匹配的注意点说明
2021/06/23 MySQL
如何用vue实现网页截图你知道吗
2021/11/17 Vue.js