当前位置：Gxlcms > JavaScript > javascript 函数限制调用代码

javascript 函数限制调用代码

时间：2021-07-01 10:21:17 帮助过：2人阅读

函数:

代码如下:


function throttle(fn,ms) { 
var last = (new Date()).getTime(); 
return (function() { 
var now = (new Date()).getTime(); 
if (now - last > ms) { 
last = now; 
fn.apply(this, arguments); 
} 
}); 
} 
 
参数 fn : 传入的函数/方法 
参数 ms:每次函数调用时的间隔(毫秒为单位),如输入2000,函数在2秒内不会重复触发。 

附一初始化例子 

 代码如下:
document.getElementById('pop').onclick = throttle(function (){ 
alert(this.id); 
},2000) 
 

作用域设为调用者本身 
fn.apply(this, arguments); 

Examples 
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<HEAD> 
<TITLE> New Flowers </TITLE> 
</HEAD> 
<style type='text/css'> 
#pop{ 
width:100px; 
height:100px; 
background:#ccc; 
} 
</style> 
<BODY> 
虚位已待 
</BODY> 
</HTML> 
<script type='text/javascript'> 
function throttle(fn,ms) { 
var last = (new Date()).getTime(); 
return (function() { 
var now = (new Date()).getTime(); 
if (now - last > ms) { 
last = now; 
fn.apply(this, arguments); 
} 
}); 
} 
document.getElementById('pop').onclick = throttle(function (){ 
alert(this.id); 
},2000) 
</script> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

javascript 函数限制调用代码

人气教程排行