1、定時器：①任務函數：函數結尾判斷臨界值；②啟動定時器：a、周期性：timer=setInterval（任務函數，interval）；b、一次性：timer=setTimeout（任務函數，wait）；③停止定時器：a、周期性：clearInterval（timer）；timer=null；b、一次性：clearTimeout（timer）；timer=null；

2、動畫：變量：DISTANCE，DURATION，STEPS，step，interval，timer，moved；函數：start（）：setInterval（moveStep，bind（this），interval）；moveStep（）：對象移動step；

3、事件：用戶手動觸發，瀏覽器自動觸發，元素狀態改變；當事件發生時，瀏覽器自動調用事件處理函數；綁定事件處理函數：①在元素開始標簽中綁定，<button οnclick=“js語句（this）”></button>；button.οnclick=function（）{eval（“js語句（this）”）}；單擊按鈕時，button.onclick（）；②js中為元素事件處理函數屬性賦值：btn.οnclick=function（）{//this=>button；……}；③使用API添加事件監聽：a、添加：btn.addEventListener（“事件名”，函數對象）；b、移除：btn.removeEventListener（“事件名”，函數對象）；

4、事件周期：①捕獲：從外層元素向內層元素逐個記錄綁定事件處理函數，默認暫不觸發任何事件；②目標觸發：優先觸發目標元素上綁定的事件處理函數；*（目標元素為實際點擊的元素；）；③冒泡：按照捕獲的順序由內層向外層逐層觸發捕獲的事件處理函數；修改事件觸發順序：btn.addEventListener（“事件名”，函數對象，capture）；*（capture表示是否在捕獲階段提前觸發，取值true或false）；

5、事件對象：事件發生時，自動創建封裝事件信息的對象event，作為事件處理函數的第一個參數自動傳入；①阻止冒泡：e.stopPropagation（）；②利用冒泡：可減少事件監聽對象，但須獲得目標元素：target；*（因為事件監聽易形成閉包難以釋放；）；③取消事件（阻止默認行為）：e.preventDefault（）；

6、事件坐標：①參照屏幕左上角：e.screenX，e.screenY；②參照文檔顯示區左上角：e.clientX或e.x，e.clientY或e.y；③參照所在父元素的左上角：e.offsetX，e.offsetY；

7、頁面滾動事件：onscroll；獲得頁面滾動過的距離：document.body.scrollTop或document.documentElement.scrollTop；

8、cookie：創建：document.cookie=“變量名=值；expires=”+date.toGMTString（）；

轉載于:https://www.cnblogs.com/Jupiter258/p/6023716.html

總結

以上是生活随笔為你收集整理的DOM_06之定时器、事件、cookie的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。