使用setTimeout來添加和刪除類

Question

我想添加和刪除類的時間的基礎上一個div。它應該在6秒後添加一個類並在4秒後將其移除。我嘗試了一個基本的實現。爲什麼不是this工作？我認爲這個問題是兩個setTimeouts一起。如果我在第二行註釋掉第一行，這裏發生了什麼？

setTimeout(addHighlight(), 6000); 
setTimeout(removeHighlight(), 10000); 

有人能告訴我怎樣，我可以寫一個函數，它既有delay參數的基礎上（添加和刪除類）？

Answer 1

嘗試這種情況：

setTimeout(function() { 
    $('#square').addClass('highlight'); 
}, 6000); 

setTimeout(function() { 
    $('#square').removeClass('highlight'); 
}, 10000); 

https://jsfiddle.net/js6wh78h/8/

Answer 2

這可能是你想要做什麼：

setTimeout(function(){ 
 
    $("#test").addClass('on'); 
 
    
 
    setTimeout(function(){ 
 
    $("#test").removeClass('on'); 
 
    }, 4000); 
 
}, 6000);

.on { 
 
    background: lime; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="test">hello world</div>

第一超時6秒後執行，增加了一個類div和啓動另一個超時，至極4秒鐘後執行並刪除該類。