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

Javascript
[HTML/CSS/Javascript]WWTJS
DynamicOptionList连动菜单代码
用meta实现的页面跳转代码
带缓冲的 收缩与展开内容效果
删除数组条目中重复的条目(可能有多个),返回值是一个仅包含被删除的重复条目的新数组。
javascript入门·对象属性方法大总结
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
JavaScript 入门·JavaScript 具有全范围的运算符
用javascript实现模拟火焰
JavaScript加密解密7种方法总结分析
javascript一段创建层的代码
简洁的一个实现网页全屏代码
关于 byval 与 byref 的区别分析总结
表单填写时用回车代替TAB的实现方法
javascript currentTarget对象介绍
js文本中搜索关键词输入效果
javascript实现的左右选择框效果代码
JS网络游戏-(模拟城市webgame)提供的一些例子下载
javascript最短的拖动代码[兼容FF]
javascript实现的LI列表输出,隔行同色的代码

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


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

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

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

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

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