Me pregunto cómo puedo ocultar/eliminar una etiqueta después de un cierto período de tiempo. ¿Hay alguna cosa incorporada o uso subprocesamiento (si JavaScript puede hacer esto?)Ocultar/Eliminar una etiqueta después de X segundos con jquery
12
A
Respuesta
32
Ni siquiera necesita jQuery para la parte "5 segundos": la función incorporada de JavaScript setTimeout
hará el truco. La incorporación de jQuery para la manipulación del DOM, se obtiene:
setTimeout(function() {
$("#the-tag-you-want-to-remove").remove();
}, 5000);
Aquí el 5000
representa 5000 milisegundos, o 5 segundos. Puede pasar setTimeout
una función existente o (como en este caso) una función anónima.
3
window.setTimeout(hideTagFn, 5000);
function hideTagFn(){
$('#someElementId').hide();
}
9
0
Esto es casi similar a las respuestas anteriores, pero en este ejemplo sólo hay que copiar tal cual es y pegarlo en su editor entonces funcionará.
<hmtl>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.showupAfter8seconds').hide();
setTimeout(function(){
$('.showupAfter8seconds').show();
},8000);
});
</script>
</head>
<body>
<div class="showupAfter8seconds">
<h1>I was hidden for 8 seconds</h1>
</div>
</body>
</html>
Cuestiones relacionadas
- 1. jQuery esperar x segundos después de documentos listos
- 2. Cómo hacer una llamada a la función jquery después de "X" segundos
- 3. jQuery eliminar .Append después de 5 segundos
- 4. Cerca de diálogo después de Delphi segundos [x]
- 5. JQuery: ¿Cómo reemplazar el texto DESPUÉS de una etiqueta anidada?
- 6. jQuery elemento oculto automático después de 5 segundos
- 7. Recargar datos AJAX cada X minutos/segundos, jQuery
- 8. ¿Cómo esperar 5 segundos con jQuery?
- 9. jQuery ¿cómo hacer que el evento ocurra cada x segundos?
- 10. Cerrar cuadro modal después de 10 segundos
- 11. ¿Cómo actualizo el navegador cada X segundos con javascript?
- 12. Java Thread cada X segundos
- 13. Jquery: realice una acción cada dos segundos
- 14. Actualizar una tabla con jQuery/Ajax cada 5 segundos
- 15. WPF ¿Aparece el texto de la barra de estado después de X segundos?
- 16. Notificación de borrado después de unos segundos
- 17. código jQuery wrap después de x número de elementos
- 18. PHP Script Veces después de 45 segundos
- 19. Cómo ejecutar un método cada X segundos
- 20. ¿Cómo insertar una etiqueta HTML alrededor de la primera letra de una etiqueta específica con JQuery?
- 21. ¿Cómo agrego una etiqueta previa dentro de una etiqueta de código con jQuery?
- 22. hacer que el texto div desaparezca después de 5 segundos usando jquery?
- 23. ¿Cómo se puede detectar si se ha escuchado una etiqueta de audio HTML5 durante al menos x segundos?
- 24. cómo mostrar una actividad automáticamente después de 5 segundos
- 25. Ejecutar la función especificada cada X segundos
- 26. MPMoviePlayerController se detiene después de cuatro segundos
- 27. Tooltip Balloon Desaparece después de 5 segundos
- 28. eliminar nuevo div después de 5 segundos
- 29. Ocultar div después de unos segundos
- 30. Cómo redifuncionar JSF después de algunos segundos
otra cosa a destacar es que se puede pasar una cadena de evaluar, aunque yo desalentaría contra de esto a menos que sea absolutamente necesario –
eeek cuando es necesario? – redsquare
También siempre utilizo el prefijo "ventana" porque nunca se sabe cuándo alguien más (complemento, etc.) creará un func/var con el mismo nombre en el alcance que hace otra cosa – redsquare