JS 事件延遲執(zhí)行說明分析
更新時(shí)間：2010年05月13日 01:16:23 作者：
為了避免用戶鼠標(biāo)無意識(shí)劃過，而觸發(fā)事件。浪費(fèi)客戶端資源。
思路：當(dāng)用戶劃過 設(shè)置變量i=0;
每過100毫秒 i++
當(dāng)i==10的時(shí)候就剛好 是1秒。就觸發(fā)事件。
否則用清楚setInterval i不在++；
哈哈。不知道我描述清楚沒。
代碼：
復(fù)制代碼 代碼如下:
var delay=function(t,fn){
var i=0,
j=10,
t=(t*1000)/j,
//把延遲時(shí)間平均分成10等份
_this=this,
//解決this綁定問題，所以調(diào)用delay函數(shù)的時(shí)候,請?zhí)幚砗胻his指向本身對象
d=setInterval(function(){
i++;
if(i==j){
clearInterval(d);
fn.apply(_this);
};
},t);
_this.onmouseout=function(){
clearInterval(d);
};
}
測試代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
用正則獲取指定路徑文件的名稱...2007-02-02
引入JavaScript時(shí)alert彈出框顯示中文亂碼問題
今天在HTML中引入JavaScript文件運(yùn)行時(shí)，alert彈出的提示框中文顯示為亂碼，怎么解決此問題呢？下面小編給大家?guī)砹艘隞avaScript時(shí)alert彈出框顯示中文亂碼問題的解決方法，一起看看吧2017-09-09
微信小程序 高德地圖路線規(guī)劃實(shí)現(xiàn)過程詳解
這篇文章主要介紹了微信小程序 路線規(guī)劃實(shí)現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了淺談JavaScript中的“!!”作用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了JS右下角廣告窗口代碼,具有浮動(dòng)顯示、可收縮、展開及關(guān)閉等功能,涉及javascript針對頁面元素屬性操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
JavaScript合并兩個(gè)數(shù)組并去除重復(fù)項(xiàng)的方法
這篇文章主要介紹了JavaScript合并兩個(gè)數(shù)組并去除重復(fù)項(xiàng)的方法,涉及javascript操作數(shù)組的合并與去重的相關(guān)技巧,需要的朋友可以參考下2015-06-06
要禁用后退的話，在每個(gè)頁面的頂部加上腳本：2008-12-12
基于javascript實(shí)現(xiàn)九宮格大轉(zhuǎn)盤效果
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)九宮格大轉(zhuǎn)盤效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了JS中的模糊查詢功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
這篇文章主要為大家詳介紹了如何讓JavaScript代碼不可斷點(diǎn)，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)JavaScript有一定幫助，感興趣的可以了解一下2022-08-08