事件委託 定時器 清除定時器 封裝動畫函式

2022-06-18 03:54:10 字數 1351 閱讀 5180

1-什麼是事件委託,原理是什麼?

定義:利用事件冒泡,只指定乙個事件處理程式,就可以管理某一型別的所有事件

原理:事件委託利用事件冒泡(從最深的節點開始,然後逐步向上傳播事件)只在他們的父元素上指定乙個事件處理程式,就可以管理某一型別的的所有事件。

2-js 中有幾種定時器,有什麼區別?

兩種setinterval(函式,時間)

settimeout(函式,時間)

區別:前者為迴圈定時器,後者只執行一次

3-如何清除定時器?

celerinterval()

cleartimeout()

4-封裝乙個動畫函式

function animate(el, target, step, dtime) ;

// 開啟乙個定時器,並將定時器掛載道當前元素上

el.timeid = setinterval(function () 

// 當目標距離與當前位置的差距小於步長時,直接當目標的水平位置設定為目標距離,並清除定時器後跳出函式

if (math.abs(current - target) < math.abs(step)) 

// 定時器每執行一次,就讓元素移動乙個 步長

el.style.left = current + step + 'px';

}, dtime)

}1-什麼是事件委託,原理是什麼?

定義:利用事件冒泡,只指定乙個事件處理程式,就可以管理某一型別的所有事件

原理:事件委託利用事件冒泡(從最深的節點開始,然後逐步向上傳播事件)只在他們的父元素上指定乙個事件處理程式,就可以管理某一型別的的所有事件。

2-js 中有幾種定時器,有什麼區別?

兩種setinterval(函式,時間)

settimeout(函式,時間)

區別:前者為迴圈定時器,後者只執行一次

3-如何清除定時器?

celerinterval()

cleartimeout()

4-封裝乙個動畫函式

function animate(el, target, step, dtime) ;

// 開啟乙個定時器,並將定時器掛載道當前元素上

el.timeid = setinterval(function () 

// 當目標距離與當前位置的差距小於步長時,直接當目標的水平位置設定為目標距離,並清除定時器後跳出函式

if (math.abs(current - target) < math.abs(step)) 

// 定時器每執行一次,就讓元素移動乙個 步長

el.style.left = current + step + 'px';

}, dtime)

}

JS設定定時器和清除定時器

在做專案中難免會碰到需要實時重新整理,動畫依次出現等等需求,這時候就需要定時器登上我們的 舞台了,所以今天我們就先來了解一下js定時器的設定和清除吧。window物件提供了兩個方法來實現定時器的效果,分別是window.settimeout 和window.setinterval。其中前者可以使一段...

清除多個定時器

文章目錄 1.定義全域性變數,通過js遍歷清除 2.暴力清除方式 js清除未知定時器的方法 在需要有實時性更新資料的專案中,我們經常會用到很多定時器,我們可能需要乙個可以一次性清除所有定時器的方法,並且不通過指定id乙個乙個去清除,以下提供兩種解決方案 回目錄1.定義全域性變數,通過js遍歷清除 這...

定時器及其清除

倒計時定時器 迴圈定時器 及定時器的清除 1 body 2 div 3 input type button onclick yi value 啟動倒計時定時器 4 input type button onclick er value 啟動迴圈定時器 5 input type button oncli...