javascript 函数限制调用代码
更新时间:2010年05月19日 19:11:09 作者:
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
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
复制代码 代码如下:
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
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
javascript高级模块化require.js的具体使用方法
本篇文章主要介绍了javascript高级模块化require.js的具体使用方法,非常具有实用价值,需要的朋友可以参考下2017-10-10
基于JavaScript+IntersectionObserver实现高性能图片懒加载
在 Web 开发中,图片懒加载是一种常见的优化手段,尤其在长列表页面中,按需加载图片可以显著提升页面性能,本篇文章将通过 JavaScript 和 Intersection Observer,实现一个带有卡片样式的高性能图片懒加载示例,需要的朋友可以参考下2025-01-01


最新评论