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