javascript 函数限制调用代码_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);
}
});
}

参数 fn : 传入的函数/方法
参数 ms:每次函数调用时的间隔(毫秒为单位),如输入2000,函数在2秒内不会重复触发。

附一初始化例子

document.getElementById('pop').onclick = throttle(function (){
alert(this.id);
},2000)

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

Examples

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title> New Flowers </title> <style type="text/css"> #pop{ width:100px; height:100px; background:#ccc; } </style> <div id="pop">虚位已待</div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]