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需再刷新一下页面才能执行]
相关文章
这篇文章主要为大家详细介绍了微信小程序实现下拉框功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要为大家详细介绍了原生js自定义右键菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
记录微信小程序中使用wxss加载图片并实现动画的方式，最终实现loading效果。本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2018-08-08
经常上tudou网，发现tudou首页加载图片的功能很有意思，tudou首页从"娱乐"这个板块往下的所有视频的缩略图并不是在页面打开后就加载的，而是当用户拖动滚动条到了"娱乐"这个板块，才开始加载图片的。2010-06-06
javascript高级模块化require.js的具体使用方法
本篇文章主要介绍了javascript高级模块化require.js的具体使用方法，非常具有实用价值，需要的朋友可以参考下2017-10-10
这篇文章主要为大家详细介绍了JavaScript如何实现精准倒计时功能,文中的示例代码简洁易懂,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下2025-02-02
这篇文章主要介绍了微信小程序清空输入框信息与实现屏幕往上滚动的示例代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
基于JavaScript+IntersectionObserver实现高性能图片懒加载
在 Web 开发中,图片懒加载是一种常见的优化手段,尤其在长列表页面中,按需加载图片可以显著提升页面性能,本篇文章将通过 JavaScript 和 Intersection Observer,实现一个带有卡片样式的高性能图片懒加载示例,需要的朋友可以参考下2025-01-01
前端的初学者在学习Javascript中this指向的时候经常都会一头雾水,尤其是在ES6箭头函数出现之前,所以本篇文章主要是介绍和总结了各种情况下的this指向,希望对大家有所帮助2023-12-12
这篇文章主要为大家详细介绍了微信小程序实现计算器案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
最新评论