JS中SetTimeout和SetInterval使用初探
一切盡在代碼截圖中，愿意和大家一起成長！可以噴，畢竟是菜鳥！ 好了，廢話不多說了，看具體實(shí)例代碼吧！
<!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>
補(bǔ)充：下面看下setTimeout和setInterval的相同處及區(qū)別介紹
setTimeout和setInterval的相同處
setTimeout和setInteval 都是window對象的定時(shí)方法，它們語法基本上相同。它們都有兩個(gè)參數(shù)，一個(gè)是將要執(zhí)行的代碼字符串，還有一個(gè)是以毫秒為單位的時(shí)間間隔，當(dāng)過了那個(gè)時(shí)間段之后就將執(zhí)行那段代碼。
setTimeout和setInterval的區(qū)別
setTimeout方法是定時(shí)程序，也就是在什么時(shí)間以后干什么。干完了就拉倒。
setInterval方法則是表示間隔一定時(shí)間反復(fù)執(zhí)行某操作。
如果用setTimeout實(shí)現(xiàn)setInerval的功能，就需要在執(zhí)行的程序中再定時(shí)調(diào)用自己才行。
如果要清除定時(shí)器則根據(jù)創(chuàng)建定時(shí)器時(shí)使用的方法調(diào)用不同的清除方法：
例如：
timer=setTimeout('startShow()',2000);
clearTimeout(timer);
或者：
timer=setInterval('startShow()',2000);
clearInterval(timer);
以上所述是小編給大家介紹的JS中SetTimeout和SetInterval使用初探，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
經(jīng)常有人問，百度地圖JavaScript API能在同一頁面顯示多個(gè)地圖嗎？當(dāng)然可以啊，為什么不可以呢？地圖之于頁面無非就是個(gè)div，我們可以在頁面顯示多個(gè)div，自然也可以顯示多個(gè)地圖。2013-04-04
今天是相當(dāng)?shù)睦?，所以就點(diǎn)比較容易點(diǎn)的東西吧，講關(guān)于鼠標(biāo)移動后出現(xiàn)提示信息的js代碼。能力有限，寫得不好盡管提出來。2010-01-01
Typescript定義多個(gè)接口類型聲明的方式小結(jié)
這篇文章主要介紹了Typescript定義多個(gè)接口類型聲明的方式小結(jié),在 TypeScript 中,您可以使用交叉類型(&)或聯(lián)合類型(|)來組合多個(gè)接口,從而實(shí)現(xiàn)多個(gè)接口類型的混合,文中通過代碼講解的非常詳細(xì),需要的朋友可以參考下2025-01-01
一個(gè)關(guān)于JS操作符in問題引發(fā)的探究
這篇文章主要給大家介紹了一個(gè)JS操作符in問題引發(fā)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)日歷小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
JS實(shí)現(xiàn)瀏覽器狀態(tài)欄顯示時(shí)間的方法
這篇文章主要介紹了JS實(shí)現(xiàn)瀏覽器狀態(tài)欄顯示時(shí)間的方法,涉及JavaScript針對時(shí)間及狀態(tài)欄操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
使用JavaScript在html文檔內(nèi)添加新的元素節(jié)點(diǎn)
這篇文章主要介紹了使用JavaScript在html文檔內(nèi)添加新的元素節(jié)，主要打方式就是動態(tài)的改變原有html文檔結(jié)構(gòu)，下文詳細(xì)介紹內(nèi)容需要的可以參考一下2022-02-02
js性能優(yōu)化之?dāng)?shù)組模式實(shí)例詳解
這篇文章主要為大家介紹了js性能優(yōu)化之?dāng)?shù)組模式實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
這篇文章主要介紹了js獲取當(dāng)前時(shí)間，一種是獲取昨天、今天、明天的準(zhǔn)確時(shí)間，一個(gè)精確到時(shí)分秒,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
js導(dǎo)入導(dǎo)出excel(實(shí)例代碼)
這篇文章主要是對js導(dǎo)入導(dǎo)出excel的實(shí)例代碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11