Estou criando uma aplicação onde eu preciso verificar se um elemento X foi criado na página e assim, tomar algumas ações. Para fazer essa verificação, estou utilizando o setInterval
.
Alguns minutos atrás, eu me lembrei que existe a função requestAnimationFrame
, utilizada geralmente para criar jogos. Também lembrei que essa função é muito mais rápida, ou melhor dizendo, mais "fluída" aparentemente do que o setInterval
.
Então eu fiquei pensando. Qual dessas duas funções é a melhor? Quais as desvantagens e vantagens de cada uma delas?
Por que não passamos a usar somente requestAnimationFrame
quando não precisamos definir um tempo de espera já que ela possui aparentemente um desempenho melhor? Além disso, se essa função for realmente melhor, por que não criar uma parâmetro para passar um tempo de espera e assim substituir a função setInterval
?
Agora voltando para a pergunta principal: qual a diferença entre a função requestAnimationFrame
e a função setInterval
de uma forma bem aprofundada?
requestAnimationFrame
não executa o callback se a aba ativa do navegador não for a da aplicação ou o navegador for minimizado