当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 让按钮失效5秒的js代码

Javascript
AJAX教程(14):通过XMLHTTP加载XML文件
AJAX教程(15):通过XMLHTTP进行一次HEAD请求
AJAX教程(16):通过XMLHTTP进行一次指定的HEAD请求
AJAX教程(17):把XML文件显示为HTML表格
JS通过WMI获取客户端硬件信息
JavaScript中使用远程脚本
关于Ajax技术的注意事项
XMLHttpRequest创建智能表单
iframe创建智能表单
JS教程:线小测试程序
在Web页面中使用计时器
将事件处理器作为HTML标记的属性
事件处理器作为浏览器对象的属性
Math对象应用详解
random()方法和pow()方法
charAt()方法和charCodeAt()方法
Number对象常用的toFixed()方法
JS教程:为什么尽量用局部变量代替全局变量
解决JavaScript循环中的过多操作
处理提示“脚本运行时间过长的提示框”问题

Javascript 中的 让按钮失效5秒的js代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 425 ::
收藏到网摘: n/a

51js上不少高手实现了按钮实现5秒的方法,特整理一些,希望能帮助大家。 先给出一个不错的代码:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

第二种也不错
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

第三种比较精简了
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

关键在于,setTimeout第一个参数中的this是window,因此需要一个更实际的变量
直接依赖setTimeout中的this是不可行的,因为其指向window,可通过全局化想被处理的节点来实现。
枫岩的方法是在setTimeout执行倒数计时之前传入正确的this引用,返回一个有正确节点引用的必包作
为setTimeout倒数后的执行函数。参数名称是me还是Mes是没有所谓的。