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

Javascript
MooTools教程(3):数组管理DOM元素
MooTools教程(4):函数和MooTools
MooTools教程(5):事件处理
MooTools教程(6):操纵HTML DOM元素
MooTools教程(7):设置和获取样式表属性
MooTools教程(8):输入过滤-数字
MooTools教程(9):输入过滤-字符串
MooTools教程(10):Fx.Tween渐变
MooTools教程(11):Fx.Morph、Fx选项和Fx事件
MooTools教程(12):Drag.Move来实现拖放
MooTools教程(13):正则表达式
MooTools教程(14):定时器和Hash对象
MooTools教程(15):滚动条(Slider)
浏览器对Cookie的限制
图片不间断滚动的特效代码详细讲解
Javascript教程:拖放效果研究
不唐突的JavaScript
JavaScript教程:图片切割效果
认识AJAX了解AJAX优点缺点和运用
网页投票系统中的限制

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


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

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

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

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

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