Javascript Function对象扩展之延时执行函数
更新时间：2010年07月06日 15:53:22 作者：
这篇文章主要介绍 在js里面怎么延时执行一个函数?
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
不就利用window对象的setTimeout方法吗？Bingo,一点没错!如果你在一个应用里面常常要“延时执行某某函数”，那末基于DRY的原则，可以针对Function全局对象进行扩展,为函数增加一个延时方法如delay，这样会让你的代码更简洁有效。
扩站Function对象增加delay方法如下：
复制代码 代码如下:
Function.prototype.delay=function(this1,timeout){
this1=this1||null;
timeout=timeout||0;
var _this=this;
var args=[];
//获取参数,注：第1、第2个参数是保留参数
switch(arguments.length){
case 1:
timeout=parseInt(arguments[0]);
timeout=isNaN(timeout)?0:timeout;
timeout=timeout<0?0:timeout;
break;
default:
for(var i=0;i<arguments.length;i++){
if(i>1){args.push(arguments[i]);};
};
break;
};
var proxy=function(){
_this.apply(this1,args);
};
return window.setTimeout(proxy,timeout);
};
在firefox的firebug插件的控制台下面测试下，代码如：
复制代码 代码如下:
var xx=function(n){
this.name=n;
};
xx.prototype.hi=function(a,b){
console.log(this.name+"-"+a+"-"+b);
};
var xx1=new xx("levin");
var t=xx1.hi.delay(xx1,1000,"cocoa","yoyo");
xx1.hi("guluglu","jigujigu");
相关文章
这篇文章主要给大家介绍了js简单粗暴的发布订阅的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
javascript 异步页面查询实现代码(asp.net)
异步页面查询，其实与自动完成时一样的原理，根据用户输入的关键词自动的与数据库中的匹配，并显示出来，提高用户体验，但主要搜索量大的话，增加服务器开销。2010-05-05
这篇文章主要介绍了服务端预渲染之Nuxt(使用篇)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了JS开发常用工具函数2019-07-07
最近发现一个问题，echarts图初始化后不能自适应浏览器的缩放，所以下面这篇文章就来给大家介绍了关于echarts图表自适应问题的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。2017-11-11
话说自从学前端以来听到过多次这样的"笑话",程序员分为会正则的和不会正则的,可见正则的重要性,这篇文章主要给大家介绍了关于js正则表达式之前瞻后顾与非捕获分组的相关资料,需要的朋友可以参考下2021-10-10
本篇文章主要是对JS 获取各种浏览器窗口大小的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
JavaScript Date对象详解及时间戳和时间的相互转换问题
这篇文章主要介绍了JavaScript Date对象详解及时间戳和时间的相互转换问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-01-01
JavaScript数据类型和变量_动力节点Java学院整理
这篇文章主要为大家详细介绍了JavaScript数据类型和变量的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
在javascript中，null＞=0 为真，null==0却为假，null的值详解
这篇文章主要介绍了在javascript中，null＞=0 为真，null==0却为假，null的值详解的相关资料,需要的朋友可以参考下2017-02-02
最新评论