Javascript Functions limit the calling code. For more information, see. Function:
The Code is as follows:
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: Input Function/Method
Parameter ms: The interval (in milliseconds) of each function call. If the input is 2000, the function will not be repeatedly triggered within 2 seconds.
Appendix 1 initialization example
The Code is as follows:
Document. getElementById ('pop'). onclick = throttle (function (){
Alert (this. id );
}, 2000)
The scope is set to the caller.
Fn. apply (this, arguments );
Examples
<! DOCTYPE html> <ptml 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> <p id = "pop"> the virtual space is waiting </p> </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 select all Note: If you need to introduce external Js, You need to refresh it to execute]