鎽樿锛氶槻鎶栧拰鑺傛祦鍦ㄩ潰璇曚腑寰堝父瑙侊紝鍏跺疄寰堝鏄撶悊瑙ｃ€備笅闈㈠氨甯﹀ぇ瀹朵簡瑙ｄ竴涓嬮槻鎶栧拰鑺傛祦鐨勫熀鏈€濊矾鍜屽啓娉晘鍗庝负浜戠ぞ鍖恒€奐S闃叉姈涓庤妭娴佸揩閫熶簡瑙ｄ笌搴旂敤銆嬶紝浣滆€咃細鍖楁瀬鍏変箣澶溿€?1銆侀槻鎶栭€熸垚鐭ヨ瘑锛氶槻鎶栧拰鑺傛祦鍦ㄩ潰璇曚腑姣旇緝甯歌銆傚叾瀹炲緢濂界悊瑙ｃ€備笅闈㈠氨甯﹀ぇ瀹朵簡瑙ｄ竴涓嬮槻鎶栧拰鑺傛祦鐨勫熀鏈€濊矾鍜屽啓娉晘鍦ㄨ繖涔嬪墠锛屾垜浠厛瀹氫箟涓€涓寜閽€傚苟缁戝畾涓€涓偣鍑讳簨浠舵潵鎵ц瑕佽Е鍙戠殑浜嬩欢锛?!--瀹氫箟涓€涓寜閽?->鎵ц濡備笅锛氬彲浠ュ彂鐜扮偣鍑绘€讳細瑙﹀彂浜嬩欢銆傚鏋滆繖涓簨浠舵槸鍙戦€佽姹傦紝閭ｄ箞杩欏鏈嶅姟鍣ㄦ槸闈炲父涓嶅弸濂界殑銆傜敱浜庣敤鎴峰娆＄偣鍑伙紝鍚屼竴涓姹傝澶氭鍙戦€侊紝杩斿洖鐨勨€嬧€嬬粨鏋滃拰鍙偣鍑讳竴娆℃槸涓€鏍风殑锛屽ぇ澶у鍔犱簡鏈嶅姟鍣ㄧ殑鍘嬪姏锛屽奖鍝嶄簡鎬ц兘銆傚洜姝わ紝鎴戜滑寮曞叆闃叉姈鐨勬蹇点€傜畝鍗曠殑璇达紝闃叉姈灏辨槸閫氳繃setTimeout鍦ㄤ竴瀹氱殑鏃堕棿闂撮殧鍐咃紝灏嗗涓Е鍙戝彉涓轰竴涓Е鍙戙€傜洿鎺ョ湅涓嬮潰鐨勪緥瀛愶細1.閫氳繃setTimeout寤惰繜鎵ц锛氱涓€绉嶆柟寮忔槸閫氳繃璁剧疆setTimeout瀹氭椂鍣ㄦ潵寤惰繜鎵ц銆傚綋鎮ㄥ揩閫熺偣鍑诲娆℃椂锛屾瘡娆￠兘浼氶噸缃鏃跺櫒銆傚畾鏃跺櫒鍙湁鍦ㄦ病鏈夎鐐瑰嚮鐨勬儏鍐典笅鎵嶈兘杈惧埌鏉′欢锛屾墽琛屼簨浠跺嚱鏁般€?inputtype="button"id="btn"value="button"/>浼氫娇鐢ㄩ棴鍖呯殑鍘熺悊鏉ュ舰鎴愭晥鏋滃煙锛岃繖鏍峰畾鏃跺櫒灏变笉浼氶噸澶嶏紝涔熶笉浼氳涓嬩竴娆＄偣鍑绘竻闆躲€傚鏋滃叧闂笉娓呮锛屽彲浠ョ湅鎴戠殑鏂囩珷馃憠锛歨ttps://auroras.blog.csdn.net...杩愯缁撴灉濡備笅锛屾瘡娆＄偣鍑婚兘鏈夊欢杩熸墽琛屻€傜媯鐐规椂锛屽仠姝㈠悗鎵嶄細鎵ц锛?.閫氳繃setTimeout绗竴娆℃墽琛岋紝鍚庨潰涓嶅啀鎵ц锛氬彲浠ュ彂鐜扮涓€涓柟娉曡櫧鐒跺欢杩熶簡锛屼絾鏄繀椤诲湪绗竴涓柟娉曟墽琛岀殑鏃跺€欐墠鎵ц鐢ㄦ埛绗竴娆＄偣鍑诲欢杩熸墽琛岄潪甯镐笉鍙嬪ソ銆傛墍浠ヤ笅闈㈢殑鏀硅繘璁╁畠绗竴娆＄偣鍑绘椂绔嬪嵆鎵ц锛岀柉鐙傜偣鍑绘椂鍙湁绗竴娆℃湁鏁堬紝鍚庨潰鐨勬棤鏁堬細<鑴氭湰>varbtn=document.getElementById("btn");//鐐瑰嚮鍚庤Е鍙憈rigger()鍑芥暟锛岀涓€涓弬鏁颁负瀹為檯瑕佹墽琛岀殑鍑芥暟锛岀浜屼釜鍙傛暟涓哄畾鏃跺櫒寤惰繜鏃堕棿btn.addEventListener("click",trigger(real,1000));functiontrigger(fn,delay){//灏嗘椂闂磋缃负瀹氭椂鍣紝鍒濆涓簄ullvartime=null;returnfunction(){//瀹氫箟涓€涓猣irstClick鍒ゆ柇鏄惁绗竴娆℃墽琛岋紝鍒濆鍊间负truevarfirstClick=!time;//绗竴娆′細绔嬪嵆鎵цif(firstClick){fn(...arguments);}//濡傛灉瀹氭椂鍣ㄥ瓨鍦紝鍒欐竻闄ゅ畾鏃跺櫒if(time){clearTimeout(time);}//璁剧疆瀹氭椂鍣紝姝ゆ椂firstClick浼氬彉涓篺alse锛宼ime浼氬湪鎸囧畾鏃堕棿鍚庝负nulltime=setTimeout(()=>{time=null;},delay);};}//Real鎵ц鍑芥暟functionreal(e){console.log("Auroraborealisnight.");console.log(e);}杩愯缁撴灉濡備笅锛岀涓€娆＄偣鍑讳細绔嬪嵆鎵ц锛岀柉鐙傜偣鍑绘椂鍙細鎵ц绗竴娆℃湁鏁堬紝鍚庨潰涓嶄細鏈夋晥锛?.閫氳繃setTimeout鐨勬柟娉曪紝绗簩娆′竴娆℃€ф墽琛屽拰鏈€鍚庝竴娆℃墽琛岋細鍓嶄袱涓叾瀹炴槸闃叉姈鐨勭粡鍏镐緥瀛愶紝杩欓噷澧為暱鐭ヨ瘑锛岀户缁畬鍠勪笂闈㈢殑case杩欐牱鍙偣鍑讳竴娆″氨绔嬪嵆鎵ц锛屽娆＄偣鍑绘椂绗竴娆″拰鏈€鍚庝竴娆℃墽琛屻€?inputtype="button"id="btn"value="button"/>杩愯缁撴灉濡備笅锛屽彧鐐瑰嚮涓€娆＄珛鍗虫墽琛岋紝澶氭鐐瑰嚮鏃剁涓€娆℃墽琛岋紝鏈€鍚庝竴娆℃墽琛宼ime.:2.throttle閫熸垚鐭ヨ瘑锛歵hrottling鍏跺疄寰堝ソ鐞嗚В锛岄檷浣庝竴娈垫椂闂寸殑瑙﹀彂棰戠巼锛岀畝鍗曠殑璇村氨鏄竴鐩寸偣鍑伙紝姣忛殧涓€瀹氭椂闂村氨浼氭墽琛屼竴娆★紝涓よ€呮渶澶х殑鍖哄埆瀹冨拰闃叉姈灏辨槸涓嶇浜嬩欢瑙﹀彂鐨勬湁澶氶绻侊紝閮藉彲浠ヤ繚璇佸湪鎸囧畾鐨勬椂闂村唴鎵ц涓€娆″嚱鏁帮紝涓嬮潰鏄€氳繃璁＄畻鏃堕棿鎴虫潵瀹炵幇鐨勶細杩愯缁撴灉濡備笅锛孯unatonepoint銆傚鏋滅柉鐙傜偣娌℃湁鍋滄锛屽垯姣?00姣鎵ц涓€娆°€傚鏋滅柉鐙傜偣娌℃湁鍋滄锛屾瘡闅斾竴娈垫椂闂村氨浼氭墽琛屼竴娆xecute銆?inputtype="button"id="btn"value="button"/>鏁堟灉濡備笅锛?.鎬荤粨锛氶槻鎶栧拰鑺傛祦鐨勬柟娉曟湁寰堝锛屼笉鍚岀殑闇€姹備細鏈変笉鍚岀殑鍐欐硶锛岄噸瑕佺殑鏄悶娓呮鍘熺悊灏辫銆傞槻鎶栧氨鏄€氳繃setTimeout鐨勬柟寮忥紝鍦ㄤ竴瀹氱殑鏃堕棿闂撮殧鍐咃紝灏嗗涓Е鍙戝彉鎴愪竴涓Е鍙戙€傝妭娴侊細灏辨槸闄嶄綆涓€娈垫椂闂寸殑瑙﹀彂棰戠巼銆傞槻鎶栧拰鑺傛祦鏈€澶х殑涓嶅悓鍦ㄤ簬锛屾棤璁轰簨浠惰Е鍙戠殑棰戠巼濡備綍锛岄兘鍙互淇濊瘉鍦ㄨ瀹氱殑鏃堕棿鍐呮墽琛屼竴娆″嚱鏁般€傞『渚挎帹鑽愪竴鏈ソ涔︾粰浣犮€備粖澶╁垰鐪嬪畬銆婄鍥€嬶紝鏉ㄦ湰鑺€佷汉鐨勪綔鍝併€傜湅涔呬簡涓嶈兘娣″畾銆備竴鏈功鍙嶆槧涓€涓椂浠ｃ€傚悓鏃讹紝涔熸姌灏勫嚭閭ｄ釜鏃朵唬浜轰滑鏈€绾补銆佹渶鏈村疄鐨勯吀鐢滆嫤杈ｃ€傜偣鍑诲叧娉紝绗竴鏃堕棿浜嗚В鍗庝负浜戠殑鏂伴矞鎶€鏈瘇
