Why is the animation not working properly?

Question

css

I made just such an animation, when you switch to another tab, everything breaks, how can I fix this?

Answer 1

setInterval(function(){


  for(var pp = 0; pp < letters_word1.length; pp++){
    setTimeout(function(){
      if(letters_word1[y] == undefined) y = 0;
      letters_word1[y].classList.toggle("active");
      y++;
    }, 100 * pp);
  }

  for(var pp = 0; pp < letters_word2.length; pp++){
    setTimeout(function(){
      if(letters_word2[l] == undefined) l = 0;
      letters_word2[l].classList.toggle("active");
      l++;
    }, 100 * pp);
  }
  
}, 4000);

I solved the problem with the help of this js implementation

Answer 2

Yeah, go - yourself and "finish it" ... Oh, what do you need ... "Delirium-smeared"