JS中SetTimeout和SetInterval使用初探
更新時間：2017年03月23日 10:07:46 作者：凈心凈意
這篇文章主要介紹了JS中SetTimeout和SetInterval使用初探,需要的朋友可以參考下
一切盡在代碼截圖中，愿意和大家一起成長！可以噴，畢竟是菜鳥！ 好了，廢話不多說了，看具體實例代碼吧！
<!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í)行的代碼字符串，還有一個是以毫秒為單位的時間間隔，當過了那個時間段之后就將執(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)站的支持！
相關(guān)文章
經(jīng)常有人問，百度地圖JavaScript API能在同一頁面顯示多個地圖嗎？當然可以啊，為什么不可以呢？地圖之于頁面無非就是個div，我們可以在頁面顯示多個div，自然也可以顯示多個地圖。2013-04-04
今天是相當?shù)睦В跃忘c比較容易點的東西吧，講關(guān)于鼠標移動后出現(xiàn)提示信息的js代碼。能力有限，寫得不好盡管提出來。2010-01-01
Typescript定義多個接口類型聲明的方式小結(jié)
這篇文章主要介紹了Typescript定義多個接口類型聲明的方式小結(jié),在 TypeScript 中,您可以使用交叉類型(&)或聯(lián)合類型(|)來組合多個接口,從而實現(xiàn)多個接口類型的混合,文中通過代碼講解的非常詳細,需要的朋友可以參考下2025-01-01
這篇文章主要給大家介紹了一個JS操作符in問題引發(fā)的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)日歷小功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了JS實現(xiàn)瀏覽器狀態(tài)欄顯示時間的方法,涉及JavaScript針對時間及狀態(tài)欄操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
使用JavaScript在html文檔內(nèi)添加新的元素節(jié)點
這篇文章主要介紹了使用JavaScript在html文檔內(nèi)添加新的元素節(jié)，主要打方式就是動態(tài)的改變原有html文檔結(jié)構(gòu)，下文詳細介紹內(nèi)容需要的可以參考一下2022-02-02
這篇文章主要為大家介紹了js性能優(yōu)化之數(shù)組模式實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
這篇文章主要介紹了js獲取當前時間，一種是獲取昨天、今天、明天的準確時間，一個精確到時分秒,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要是對js導(dǎo)入導(dǎo)出excel的實例代碼進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11