JS中SetTimeout和SetInterval使用初探
一切盡在代碼截圖中，愿意和大家一起成長(zhǎng)！可以噴，畢竟是菜鳥(niǎo)！ 好了，廢話不多說(shuō)了，看具體實(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對(duì)象的定時(shí)方法，它們語(yǔ)法基本上相同。它們都有兩個(gè)參數(shù)，一個(gè)是將要執(zhí)行的代碼字符串，還有一個(gè)是以毫秒為單位的時(shí)間間隔，當(dāng)過(guò)了那個(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使用初探，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
ES6知識(shí)點(diǎn)整理之函數(shù)數(shù)組參數(shù)的默認(rèn)值及其解構(gòu)應(yīng)用示例
這篇文章主要介紹了ES6知識(shí)點(diǎn)整理之函數(shù)數(shù)組參數(shù)的默認(rèn)值及其解構(gòu)應(yīng)用,結(jié)合實(shí)例形式分析了ES6函數(shù)數(shù)組參數(shù)解構(gòu)賦值和默認(rèn)值的設(shè)置相關(guān)操作技巧,需要的朋友可以參考下2019-04-04
今天小編就為大家分享一篇關(guān)于Javascript讀寫cookie的實(shí)例源碼，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-03-03
javascript創(chuàng)建createXmlHttpRequest對(duì)象示例代碼
這篇文章主要介紹了javascript創(chuàng)建createXmlHttpRequest對(duì)象的示例代碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
js回調(diào)函數(shù)仿360開(kāi)機(jī)
這篇文章主要為大家詳細(xì)介紹了js回調(diào)函數(shù)仿360開(kāi)機(jī)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
本文主要介紹了JS調(diào)用Android、Ios通信的相同點(diǎn)和不同點(diǎn)，以便幫助我們?cè)谶M(jìn)行混合式開(kāi)發(fā)時(shí)，提高代碼質(zhì)量，實(shí)現(xiàn)兩者在網(wǎng)頁(yè)端代碼的統(tǒng)一。下面跟著小編一起來(lái)看下吧2017-01-01
JS繼承與閉包及JS實(shí)現(xiàn)繼承的三種方式
大家都知道，面向?qū)ο蟮娜筇卣鳌庋b、繼承、多態(tài)。下面通過(guò)本文給大家介紹JS繼承與閉包及JS實(shí)現(xiàn)繼承的三種方式，感興趣的朋友一起看看吧2017-10-10
如何在JavaScript中等分?jǐn)?shù)組的實(shí)現(xiàn)
這篇文章主要介紹了如何在JavaScript中等分?jǐn)?shù)組的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
這篇文章主要介紹了原生JS實(shí)現(xiàn)的雙色球功能,涉及javascript隨機(jī)數(shù)生成及數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2018-02-02
這篇文章主要介紹了支持移動(dòng)端原生js輪播圖的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
詳解JavaScript的閉包、IIFE、apply、函數(shù)與對(duì)象
本文主要對(duì)JavaScript的閉包、IIFE、apply、函數(shù)與對(duì)象進(jìn)行詳細(xì)介紹。有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧2016-12-12