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

Javascript
JavaScript Tween算法及缓动效果
强制设为首页的JS代码
IE8浏览器Cookie的处理
JavaScript入门教程(1):什么是JS
JavaScript入门教程(2):JS基础知识
JavaScript入门教程(3):面向对象
JavaScript入门教程(4):浏览器对象
JavaScript入门教程(5):Screen屏幕对象
JavaScript入门教程(6):Window窗口对象
JavaScript入门教程(7):History历史对象
JavaScript入门教程(8):Location地址对象
JavaScript入门教程(9):Document文档对象
JavaScript入门教程(10):认识其他对象
JavaScript入门教程(11):事件处理
JavaScript入门教程(12):对象化编程
JavaScript入门教程(13):Cookies
JavaScript库开发规则
JavaScript教程:网页时间问题
如何将渐进增强应用到javascript脚本
简述JavaScript的scope机理

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


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

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

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

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

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