¡Hola! Como habrás notado, el logo del sitio ha aparecido después de un cierto tiempo, esto es posible gracias a un script. Para realizarlo utilizaremos jQuery con su método setTimeout().
El método setTimeout() llama a una función después de una cantidad de milisegundos.
En este ejemplo se ha colocado un div, el cual tiene como clase “elemento” y un style “display:none”. Esto con el objetivo de que el elemento esté oculto y así al ejecutarse la función se muestre después de un determinado tiempo.
Dentro del div podemos colocar un título, comentario, imagen, etc; y este se ocultará y se mostrará una vez cargue la página y pase el tiempo.
Codigo:
<div class="elemento"
style="display:none;">
<img decoding="async" src=""
width="100%" height="auto">
</div>
<script
src="https://code.jquery.
com/jquery-3.2.1.js" defer>
</script>
<script type="text/javascript">window.addEventListener('DOMContentLoaded', function() {
$(document).ready(function()
{
setTimeout(function()
{
$(".elemento").fadeIn(1500);
},10000);
});
});</script>
Si te ha servido de algo, házmelo saber, deja un comentario o comparte este articulo. Ayudemos a más usuarios. En el camino andamos y en él nos encontraremos.
