使用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秒钟后执行并删除该类。