0

Tengo un botón para subir hasta arriba la página al clickar en el. Me funciona perfectamente, cuando clickeo en el me sube hacia arriba y a velocidad smooth. Pero lo que quiero es que cuando le de al botón espere 2 segundos y ya se ejecute, y no se que estoy haciendo mal que no funciona.

este es mi codigo

const returnTopButton = document.querySelector("#returnTop"); //disparador
const targetScroll = document.querySelector("#top"); //objetivo
setTimeout(
returnTopButton.addEventListener("click", () => {
  targetScroll.scrollIntoView({ behavior: "smooth" });
}),
2000 //tiene que tardar 2 segundos desde que hago click para que se ejecute la función
);

1 respuesta 1

3

Debe ser al revés, en el listener del evento debes meter toda tú lógica, esto se asocia 1 vez al elemento y todo lo que haya dentro de él se ejecutará. Intenta:

const returnTopButton = document.querySelector("#returnTop"); //disparador
const targetScroll = document.querySelector("#top"); //objetivo

returnTopButton.addEventListener("click", () => {
  setTimeout(() => {
    targetScroll.scrollIntoView({ behavior: "smooth" });
  },2000);      
});
1
  • Perfecto, funciona. Ahora entiendo mejor como se usan los setTimeOut(). para las próximas veces jeje.
    – FranyxD
    Commented el 11 oct. 2022 a las 14:38

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.