Soy muy nuevo en esto y he revisado otras publicaciones similares a esta pregunta. Sin embargo, estoy descubriendo que esas soluciones no funcionan para mí.
Antecedentes: Estoy trabajando en la plataforma Velo de Wix para Javascript. (perdóneme si esa no es la terminología técnica correcta aquí)
Mi objetivo: cuando se carga la página de inicio de mi sitio web, quiero que uno de los cuadros de texto de la página (#text45) NO esté visible hasta que hayan pasado 5 segundos. Luego, cuando el cuadro #text45 está visible, quiero que otro cuadro simple (#box2) se oculte.
Encontré algunos ejemplos como el siguiente: (no se ha pegado todo el código y me doy cuenta de que algunos elementos como div1 tendrían que cambiar a mis nombres de elementos específicos)
document.getElementById("div1").style.visibility = "visible"; }
setTimeout("mostrar()", 5000);
Sin embargo, aparece un código de error: No se puede encontrar el nombre 'documento'. ¿Necesita cambiar su biblioteca de destino? Intente cambiar la opción del compilador 'lib' para incluir 'dom'.
Al investigar esto, descubrí que Velo no puede acceder al dom y que solo se puede acceder a los elementos a través de "$w".
¿Alguien tendría la amabilidad de guiarme en la dirección correcta sobre cómo lograr el "objetivo" anterior? ¡Yo realmente lo apreciaría! Gracias de antemano.
Así es como lo harías. Tenga en cuenta que es una buena práctica cambiar los ID de sus elementos a nombres más descriptivos, pero me he quedado con los nombres que proporcionó en su pregunta.
Comience configurando #text45 en oculto usando el panel Propiedades y eventos.
Luego use este código (tenga en cuenta que es posible que su página ya tenga un onReady . Si está allí y aún no lo está usando, elimine todo el código en la página y reemplácelo con esto):
$w.onReady( () => { setTimeout(() => { $w('#text45').show(); $w('#box2').hide(); }, 5000) } );