JS 事件延遲執(zhí)行說(shuō)明分析
更新時(shí)間：2010年05月13日 01:16:23 作者：
為了避免用戶鼠標(biāo)無(wú)意識(shí)劃過(guò)，而觸發(fā)事件。浪費(fèi)客戶端資源。
思路：當(dāng)用戶劃過(guò) 設(shè)置變量i=0;
每過(guò)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í)候,請(qǐng)?zhí)幚砗胻his指向本身對(duì)象
d=setInterval(function(){
i++;
if(i==j){
clearInterval(d);
fn.apply(_this);
};
},t);
_this.onmouseout=function(){
clearInterval(d);
};
}
測(cè)試代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了bootstrap table表格插件使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
基于JS實(shí)現(xiàn)checkbox全選功能實(shí)例代碼
最近做了個(gè)項(xiàng)目其中有這樣的需求要求實(shí)現(xiàn)點(diǎn)擊全選選中所有菜單，再次點(diǎn)擊全選取消選中。下面小編給大家分享實(shí)現(xiàn)代碼，對(duì)js實(shí)現(xiàn)checkbox全選功能感興趣的朋友參考下吧2016-10-10
這篇文章主要介紹了微信禁止下拉查看URL的處理方法,需要的朋友可以參考下2017-09-09
window.print可以打印網(wǎng)頁(yè)，但有時(shí)候我們只希望打印特定控件或內(nèi)容，怎么辦呢，請(qǐng)看下面的例子2013-12-12
我們經(jīng)常使用 window.onload 來(lái)處理頁(yè)面，當(dāng)頁(yè)面加載完成做一些事情。但這個(gè) window.onload 是頁(yè)面全部加載完成，甚至包括圖片，而我們實(shí)際上經(jīng)常需要的是文檔 DOM 加載完畢！2009-07-07
這篇文章主要為大家詳細(xì)介紹了Echarts實(shí)現(xiàn)多條折線可拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了js如何清空f(shuō)orm表單中的內(nèi)容，下面有個(gè)不錯(cuò)的示例，大家可以參考下2014-05-05
javascript 支持鏈?zhǔn)秸{(diào)用的異步調(diào)用框架Async.Operation
javascript 支持鏈?zhǔn)秸{(diào)用的異步調(diào)用框架Async.Operation2009-08-08
這篇文章主要為大家介紹了webpack自定義loader全面詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
bootstrap-table后端分頁(yè)功能完整實(shí)例
這篇文章主要介紹了bootstrap-table后端分頁(yè)功能,結(jié)合完整實(shí)例形式分析了bootstrap-table后端請(qǐng)求、數(shù)據(jù)分頁(yè)功能具體步驟與實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-06-06