Javascript: setTimeout() is not removing the class

Asked Jul 03 '19 at 09:29

Active Jul 03 '19 at 09:36

Viewed 42 times

I want to apply a class just for 3 seconds, why is the class not being removed.

var x = 0;
var notes = ['a','b','c'];
while (x < notes.length) {
  document.getElementById(notes[x]).classList.add('active');
  x++;
}
function RemoveClass() {
  var x = 0;
  while (x < notes.length) {
    document.getElementById(notes[x]).classList.remove("active");
    x++;
  }
  
}
window.setTimeout(RemoveClass, 3000);

.active{color:blue}

<div id="a">First</div>
<div id="b">Second</div>
<div id="c">Third</div>

edited Jul 03 '19 at 09:36

Roy Bogado

4,299
1
15
31

asked Jul 03 '19 at 09:29

moon

1

Please add the html block along with the JS code. – Shababb Karim Jul 03 '19 at 09:31
A while loop is not a great choice here; you are setting a new timeout every loop. – Kobe Jul 03 '19 at 09:31
Edited, check if works. – Roy Bogado Jul 03 '19 at 09:36
Thanks a lot Roy! this was really helpful :D – moon Jul 03 '19 at 10:47

Javascript: setTimeout() is not removing the class

0 Answers0