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 31 Javascript
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
Oct 12 Javascript
JS+CSS实现一个气泡提示框
Aug 18 Javascript
jQuery表单验证简单示例
Oct 17 Javascript
JS中如何实现点击a标签返回页面顶部的问题
Jan 19 Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
May 17 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
Jul 07 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
Sep 14 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
Jan 15 Javascript
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
Sep 06 Javascript
Vue scoped及deep使用方法解析
Aug 01 Javascript
Vue鼠标滚轮滚动切换路由效果的实现方法
Aug 04 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
安健A254立体声随身听的分析与打磨
2021/03/02 无线电
php中并发读写文件冲突的解决方案
2013/10/25 PHP
php使用pack处理二进制文件的方法
2014/07/03 PHP
PHP+Ajax实现的检测用户名功能简单示例
2019/02/12 PHP
isArray()函数(JavaScript中对象类型判断的几种方法)
2009/11/26 Javascript
js parsefloat parseint 转换函数
2010/01/21 Javascript
document.forms[].submit()使用介绍
2014/02/19 Javascript
JS实现局部选择打印和局部不选择打印
2014/04/03 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
js简单实现点击左右运动的方法
2015/04/10 Javascript
JS实现3D图片旋转展示效果代码
2015/09/22 Javascript
jquery在ie7下选择器的问题导致append失效的解决方法
2016/01/10 Javascript
jQuery实现HTML表格单元格的合并功能
2016/04/06 Javascript
jQuery中使用animate自定义动画的方法
2016/05/29 Javascript
JS实现的二叉树算法完整实例
2017/04/06 Javascript
详解Vue 非父子组件通信方法(非Vuex)
2017/05/24 Javascript
JavaScript实现自动跳转文本功能
2017/05/25 Javascript
bootstrap日期插件daterangepicker使用详解
2017/10/19 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
2018/01/16 Javascript
vue-cli3.0 特性解读
2018/04/22 Javascript
Nodejs中的require函数的具体使用方法
2019/04/02 NodeJs
Vue侦测相关api的实现方法
2019/05/22 Javascript
Python中正则表达式的详细教程
2015/04/30 Python
举例详解Python中循环语句的嵌套使用
2015/05/14 Python
python调用百度语音REST API
2018/08/30 Python
Python实现直方图均衡基本原理解析
2019/08/08 Python
python中的RSA加密与解密实例解析
2019/11/18 Python
解决TensorFlow训练内存不断增长,进程被杀死问题
2020/02/05 Python
keras 获取某层输出 获取复用层的多次输出实例
2020/05/23 Python
Sephora丝芙兰马来西亚官方网站:国际化妆品购物
2018/03/15 全球购物
学习自我鉴定
2014/02/01 职场文书
小学教师自我鉴定范文
2014/03/20 职场文书
参观邀请函范文
2015/02/02 职场文书
休学证明范本
2015/06/19 职场文书
2015年党风廉政建设个人总结
2015/08/18 职场文书
2016廉洁教育心得体会
2016/01/20 职场文书