Siendo analfabeto semi-JS, no puedo escribir mi propio código. ¿Puedo obtener ayuda aquí?

Lo que estoy tratando de hacer: evitar que una página muestre contenido hasta después de una actualización forzada de 3 segundos.

Tengo una página de agradecimiento de HubSpot que muestra datos personalizados basados en un formulario completado en la página anterior (sé que puedo personalizar el código JS de HubSpot para hacer esto, pero como la página ya está creada, no puedo colocar un código de formulario personalizado. ) El problema es que los datos de personalización no llegan hasta mucho después de que se carga la página (por lo que los usuarios ven primero los valores predeterminados).

Tengo un código JS que fuerza la actualización después de 3 segundos, pero no puedo descifrar cómo coordinar la ocultación del contenido predeterminado hasta esa actualización forzada:

 console.log(document.referrer); console.log(document.location.href); if (document.referrer !== document.location.href) { setTimeout(function() { document.location.reload() }, 3000); }

Intenté agregar este CSS: body { opacity: 0; } , junto con este JS: document.body.style.opacity="100";

... agregándolo después de setTimeout, agregándolo después de la recarga del documento y agregándolo como una nueva función a la recarga. El mejor resultado fue un destello de contenido visible a los 3 segundos, luego todo el contenido desapareció de forma permanente.

Entonces simplemente decidí escribir una función setTimeout completamente separada fuera de la instrucción IF (con la esperanza de que simplemente se sincronice), pero aún muestra contenido en blanco para todos:

 window.onload = function() { setTimeout(function(){ document.body.style.opacity="100"; },3000); };

Lo siento, no sé lo suficiente sobre JavaScript para pintar mi salida. ¿Alguien puede ayudarme a acercarme a la forma correcta de ocultar contenido hasta una actualización forzada?