JS中SetTimeout和SetInterval使用初探

發(fā)布時間：2020-09-23 10:50:12 來源：腳本之家閱讀：139 作者：凈心凈意欄目：web開發(fā)

一切盡在代碼截圖中，愿意和大家一起成長！可以噴，畢竟是菜鳥！好了，廢話不多說了，看具體實例代碼吧！

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>Title</title> 
</head> 
<body> 
<div class="wraper"></div> 
<div class="wraper1">abcd123441223432 </div> 
<button onclick="clearIt=window.clearInterval(clearIt)"> 
  Stop</button> 
<script> 
  window.onload = function () { 
    $('.wraper').html('12343242342') 
    setTimeout(function () { 
      $('.wraper').hide(); 
      setTimeout(function () { 
        $('.wraper1')[0].style.backgroundColor = 'red'; 
        console.log(new Date(),"in"); 
      },20000); 
      console.log(new Date(),"out"); 
    },10000); 
  } 
  var clearIt=self.setInterval("setIntervalTest()",1000); 
  function setIntervalTest () { 
    console.log('++++'); 
  } 
</script> 
<script type="text/javascript" src="jquery/jquery-min.js"></script> 
</body> 
</html>

補充：下面看下setTimeout和setInterval的相同處及區(qū)別介紹

setTimeout和setInterval的相同處

setTimeout和setInteval 都是window對象的定時方法，它們語法基本上相同。它們都有兩個參數(shù)，一個是將要執(zhí)行的代碼字符串，還有一個是以毫秒為單位的時間間隔，當(dāng)過了那個時間段之后就將執(zhí)行那段代碼。

setTimeout和setInterval的區(qū)別

setTimeout方法是定時程序，也就是在什么時間以后干什么。干完了就拉倒。

setInterval方法則是表示間隔一定時間反復(fù)執(zhí)行某操作。

如果用setTimeout實現(xiàn)setInerval的功能，就需要在執(zhí)行的程序中再定時調(diào)用自己才行。

如果要清除定時器則根據(jù)創(chuàng)建定時器時使用的方法調(diào)用不同的清除方法：

例如：

timer=setTimeout('startShow()',2000);
clearTimeout(timer);

或者：

timer=setInterval('startShow()',2000);
clearInterval(timer);

以上所述是小編給大家介紹的JS中SetTimeout和SetInterval使用初探，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持！

向AI問一下細節(jié)

JS中SetTimeout和SetInterval使用初探

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽