he desarrollado con mucho sudor un mini proceso "countdown" que se activa solo cuando el objeto esta visible en la pantalla. El problema que este se repite a partir de ahí siempre que hago scroll con el ratón y solo debería pasar una vez
Os dejo el codigo JS por aqui:
window.addEventListener('scroll', function (event) {
var element = document.querySelector('#main-container');
var position = element.getBoundingClientRect();
if (position.top < window.innerHeight) {
var timeleft = 75;
var downloadTimer = setInterval(function () {
if (timeleft <= 0) {
clearInterval(downloadTimer);
document.getElementById("countdown").innerHTML = "0,-";
} else {
document.getElementById("countdown").innerHTML = timeleft + ",-";
}
timeleft -= 1;
}, 20);
}
});
Si alguno me pudiese ayudar, se lo agradecería muchísimo. Un saludo
#main-container
una clase cuando hayas ejecutado tu función. Luego, en elif
que tienes preguntas si#main-container
tiene dicha clase y así en caso de tenerla evitas que se vuelva a ejecutar lo que no quieres que haga de nuevo.