溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
一切盡在代碼截圖中，愿意和大家一起成長！可以噴，畢竟是菜鳥！ 好了，廢話不多說了，看具體實例代碼吧！
<!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的相同處及區別介紹
setTimeout和setInterval的相同處
setTimeout和setInteval 都是window對象的定時方法，它們語法基本上相同。它們都有兩個參數，一個是將要執行的代碼字符串，還有一個是以毫秒為單位的時間間隔，當過了那個時間段之后就將執行那段代碼。
setTimeout和setInterval的區別
setTimeout方法是定時程序，也就是在什么時間以后干什么。干完了就拉倒。
setInterval方法則是表示間隔一定時間反復執行某操作。
如果用setTimeout實現setInerval的功能，就需要在執行的程序中再定時調用自己才行。
如果要清除定時器則根據創建定時器時使用的方法調用不同的清除方法：
例如：
timer=setTimeout('startShow()',2000);
clearTimeout(timer);
或者：
timer=setInterval('startShow()',2000);
clearInterval(timer);
以上所述是小編給大家介紹的JS中SetTimeout和SetInterval使用初探，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
