Hice un bucle para una animación simple en mi sitio web, y se está ejecutando cuando cambio de pestaña. el resto de mi sitio web no hace esto, por lo que una diferencia lo estropea todo. ¿Hay alguna manera de que pueda hacer que solo se ejecute cuando estoy en la pestaña de mi sitio web?
Código para la animación:
var i = 1; function loop1() { setTimeout(function () { document.getElementById("dollarAnim").animate([ { opacity: "0" }, { opacity: "1" }, { opacity: "0" }, ], { duration: 10000, iterations: 1, }); if (i > 0) { loop1(); } }, 20000) } loop1(); <div id="dollarAnim" style="opacity: 0;">$</div>puede agregar un detector de eventos a la ventana, cuando el usuario se va:
window.addEventListener("blur", function stopAnimation(){});y cuando vuelva a enfocar, comience la animación:
window.addEventListener("focus", function sartAnimation(){});