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

New Flowers

#pop{
width:100px;
height:100px;
background:#ccc;
}

虚位已待

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)

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

赞 (0)

相关推荐

  • 限制字符输入数功能(jquery版和原生JS版)

    已知BUG: Ubuntu系统下, onkeyup事件失效,详见: Ubuntu系统下onkeyup/onkeydown对中文输入失效bug. 查看演示: 点此查看DEMO 核心代码: 复制代码 代码如下: //原生JavaScript版本 window.onload=function(){ var js=document.getElementById('js');//获取文本域 var info=document.getElementsByTagName('p')[0];//获取要插入提示信息

  • javascript 限制输入和粘贴(IE,firefox测试通过)

    复制代码 代码如下: window["MzBrowser"] ={}; (function() { if(MzBrowser.platform) return; var ua = window.navigator.userAgent; MzBrowser.platform = window.navigator.platform; MzBrowser.firefox = ua.indexOf("Firefox") > 0; MzBrowser.opera = t

  • js数字输入框(包括最大值最小值限制和四舍五入)

    由于原文已经介绍的很好了,现在只是一些翻译和小小的补充. 例子 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <

  • javascript 限制输入和粘贴(IE和火狐3.x下测试通过)

    function upLoadKey(e){ ((document.all) ? true:false) == true ? (window.event.returnValue = false): e.preventDefault(); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 但是这段代码在 火狐2.x的下面,还是无法对onpaste()这个函数的支持,好消息是火狐的3.x版本支持了一个函数

  • javascript 限制输入脚本大全

    1.只能输入汉字的 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"> 2.只能输入数字的: <input onkeyup="value=value.re

  • 常用限制input的方法的js代码

    1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 4.ENTER键可以让光标移到下一个输入框 5.只能为中文(有闪动) 6.只能为数字(有闪动) 7.只能为数字(无闪动) 57)) event.returnValue=false" /> 8.只能输入英文和数字(有闪动) 9.屏蔽输入法 10. 只能输入

  • 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

  • JavaScript函数的调用以及参数传递

    JavaScript 函数调用 JavaScript 函数有 4 种调用方式. 每种方式的不同方式在于 this 的初始化. this 关键字 一般而言,在Javascript中,this指向函数执行时的当前对象. Note 注意 this 是保留关键字,你不能修改 this 的值. 调用 JavaScript 函数 函数中的代码在函数被调用后执行. 作为一个函数调用 实例 function myFunction(a, b) { return a * b; } myFunction(10, 2)

  • 浅析JavaScript函数的调用模式

    我们说一个函数的调用模式是作为一个函数来调用,是要与其它三种调用模式做区分 函数其他的三种调用: 方法调用模式,构造器调用模式,apply/call调用模式. 方法的调用模式:  var obj={ fun1: function(){ //方法内容 this; //指的是window } } obj.fun1() //方法的调用 构造器的调用: function Person(name, age, job){ this.name = name; this.age = age; this.job

  • c#和javascript函数相互调用示例分享

    在设置过webBrowser控件的ObjectForScripting属性后,还需要设置应用程序对com可见,不然会抛出一个异常(ObjectForScripting 的类必须对 COM 可见.请确认该对象是公共的,或考虑向您的类添加 ComVisible 属性.),可做如下设置: [System.Runtime.InteropServices.ComVisible(true)] 例如: 复制代码 代码如下: [ComVisible(true)]    public partial class

  • 超链接怎么正确调用javascript函数

    点击超链接调用 JavaScript 函数,一般人都用: 复制代码 代码如下: <a href="javascript:function();"> 但这有个缺点,就是点击链接后,页面上的GIF动画将静止. 试看如下代码: 复制代码 代码如下: <script type="text/javascript"> <!-- function Foo() {     //do something } //--> </script>

  • JavaScript函数的4种调用方法详解

    在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用.函数有四种调用模式,分别是:函数调用形式.方法调用形式.构造器形式.以及apply形式.这里所有的调用模式中,最主要的区别在于关键字 this 的意义,下面分别介绍这个几种调用形式. 本文主要内容: 1.分析函数的四种调用形式2.弄清楚函数中this的意义3.明确构造函对象的过程4.学会使用上下文调用函数 一.函数调用形式 函数调用形式是最常见的形式,也是最

  • 详解Javascript函数声明与递归调用

    Javascript的函数的声明方式和调用方式已经是令人厌倦的老生常谈了,但有些东西就是这样的,你来说一遍然后我再说一遍.每次看到书上或博客里写的Javascript函数有四种调用方式,我就会想起孔乙己:茴字有四种写法,你造吗? 尽管缺陷有一堆,但Javascript还是令人着迷的.Javascript众多优美的特性的核心,是作为顶级对象(first-class objects)的函数.函数就像其他普通对象一样被创建.被分配给变量.作为参数被传递.作为返回值以及持有属性和方法.函数作为顶级对象,

  • C# javaScript函数的相互调用

    问: 1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript的已有变量? 4.如何在C#中访问JavaScript函数? 问题1答案如下: javaScript函数中执行C#代码中的函数: 方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为document.getElementById("btn1").click(); 3.在前台或后台调用

  • JavaScript通过字符串调用函数的实现方法

    本文实例讲述了JavaScript通过字符串调用函数的实现方法.分享给大家供大家参考.具体分析如下: JavaScript中我们可以把根据函数名的字符串来调用函数,这样我们就可以实现动态函数调用,只需要传递一个函数的名字即可调用该函数. 复制代码 代码如下: var strFun = "someFunction"; //Name of the function to be called var strParam = "this is the parameter";

  • JavaScript实现同时调用多个函数的方法

    本文实例讲述了JavaScript实现同时调用多个函数的方法.分享给大家供大家参考,具体如下: 这里分析JavaScript 同时调用同一网页内的多个函数的实现方法,点击按钮后执行多次函数,比如连续弹出多次窗口. 具体代码如下: <html> <head> <title>同时调用多个函数</title> <script language="javascript"> <!-- function fun1(){ alert(

随机推荐