setTimeoutを使用してクラスを追加および削除する

Question

時間に基づいてdivをクラスに追加および削除したいと考えています。 6秒後にクラスを追加し、4秒後にクラスを削除する必要があります。私は基本的な実装を試みました。 thisはなぜ機能しないのですか？私は問題がこのように2つのsetTimeoutsであると仮定します。私が2行目をコメントアウトすると、最初の行がコメントアウトされます。ここで何が起きてるの？

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秒後に実行されますクラスを削除します。