Hacer desaparecer o aparecer un Elemento con jQuery con un determinado tiempo.

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().

¡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.

Francisco
Francisco

👀 Me interesa... Seguir aprendiendo y colaborando en nuevos proyectos
🌱 Actualmente estoy aprendiendo... Desarrollo de Plugin,GitHub, React y NodeJs.
💞️ Busco colaborar en ...programación web, Aplicaciones
📫 Como contactarme... francisco@calymayor.dev

Artículos: 50
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x