日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
一篇文章帶你了解JavaScript時間

一、前言

setTimeout(function, milliseconds) 在等待指定的毫秒數(shù)后執(zhí)行函數(shù)。setInterval(function, milliseconds) setTimeout()相同,但會重復(fù)執(zhí)行。

二、時間事件

窗口對象允許在指定的時間間隔執(zhí)行代碼。時間間隔稱為定時事件。

1. setTimeout() 方法

 
 
 
 
  1. window.setTimeout(function, milliseconds); 

window.setTimeout() 方法可以不用窗口window前綴編寫。

第一個參數(shù)是要執(zhí)行的函數(shù),第二個參數(shù)指示執(zhí)行前的毫秒數(shù)。

 
 
 
 
  1.  
  2.  
  3.  
  4.  
  5. 項目 
  6.  
  7.  
  8.  
  9. 點擊"試試". 等3秒,這個頁面將提示"Hello".

     
  10.  
  11. 試試 
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  

如何停止執(zhí)行?

clearTimeout() 方法停止指定的函數(shù)setTimeout()的執(zhí)行。

語法:

 
 
 
 
  1. window.clearTimeout(timeoutVariable) 

window.clearTimeout() 方法可以不用窗口window前綴編寫。

clearTimeout() 方法使用setTimeout()返回的變量。

 
 
 
 
  1. myVar = setTimeout(function, milliseconds); 
  2. clearTimeout(myVar); 

如果該函數(shù)尚未被執(zhí)行,則可以通過調(diào)用 clearTimeout() 方法:

例:

 
 
 
 
  1.  
  2.  
  3.  
  4.  
  5. 項目 
  6.  
  7.  
  8.  
  9. 點擊 "試試". 等3秒。這個頁面將出現(xiàn)一個"Hello".

     
  10. 單擊“停止”以阻止第一個功能執(zhí)行。

     
  11. (您必須在3秒鐘之前單擊“停止”。)

     
  12.  
  13. 試試 
  14.  
  15. 停止 
  16.  
  17.  
  18.  
  19.  
  20.  

2. setInterval() 方法

setInterval() 方法在給定的時間間隔內(nèi)重復(fù)給定的函數(shù)。

 
 
 
 
  1. window.setInterval(function, milliseconds); 

window.setInterval() 方法可以不用窗口window前綴編寫。

第一個參數(shù)是要執(zhí)行的函數(shù)。

第二個參數(shù)指示每次執(zhí)行之間的時間間隔的長度。

例:

執(zhí)行一個稱為“myTimer”的函數(shù),每隔二秒(像一個數(shù)字表)。

 
 
 
 
  1.  
  2.  
  3.  
  4.  
  5. 項目 
  6.  
  7.  
  8.  
  9. A script on this page starts this clock:

     
  10.  
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  

(一秒鐘等于1000毫秒)。

如何停止執(zhí)行?

clearInterval() 方法停止指定的函數(shù)setInterval()的執(zhí)行。

 
 
 
 
  1. window.clearInterval(timerVariable) 

window.clearInterval() 方法可以不用窗口window前綴編寫。

clearInterval() 方法使用從setInterval()返回的變量 。

 
 
 
 
  1.  
  2.  
  3.    
  4.      
  5.     項目 
  6.    
  7.    
  8.  
  9.     

    A script on this page starts this clock:

     
  10.  
  11.     

     
  12.  
  13.     停止 
  14.  
  15.      
  16.  
  17.  
  18.    
  19.  

代碼解析:

運行效果:

三、總結(jié)

本文基于JavaScript基礎(chǔ),介紹了JavaScript 時間事件 setTimeout(),setInterval() 方法,這兩種方法的語法,實際用法和區(qū)別。以及如何去啟動定時器,停止定時器,通過詳細(xì)案例分析。運行效果圖的展示。進(jìn)行了詳細(xì)的講解。代碼很簡單,希望能夠幫助你學(xué)習(xí)。

希望大家可以根據(jù)文章的內(nèi)容,積極嘗試,有時候看到別人實現(xiàn)起來很簡單,但是到自己動手實現(xiàn)的時候,總會有各種各樣的問題,切勿眼高手低,勤動手,才可以理解的更加深刻。

使用JavaScript 語言,方便大家更好理解,希望對大家的學(xué)習(xí)有幫助。

本文轉(zhuǎn)載自微信公眾號「前端進(jìn)階學(xué)習(xí)交流」,可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請聯(lián)系前端進(jìn)階學(xué)習(xí)交流公眾號。


當(dāng)前文章:一篇文章帶你了解JavaScript時間
當(dāng)前路徑:http://www.5511xx.com/article/dhcpchj.html