Función de ejecución después del retraso

Question

Tengo la siguiente función jQuery global almacenada, pero en la carga de página, quiero ejecutarla después de un retraso de 1000. ¿Hay algo mal con mi sintaxis? Sé que el retraso siempre va antes de la función. No está respondiendo.

función global:

function showpanel() {  
     $(".navigation").hide(); 
     $(".page").children(".panel").fadeIn(1000); 
    ;} 

función ejecutora:

parallax.about.onload=function(){ 
    $('#about').delay(3000).showpanel(); 
}; 

Answer 1

$(document).ready(function() { 

    // place this within dom ready function 
    function showpanel() {  
    $(".navigation").hide(); 
    $(".page").children(".panel").fadeIn(1000); 
} 

// use setTimeout() to execute 
setTimeout(showpanel, 1000) 

}); 

Para más ver here

Answer 2

me buscó y encontró la solución en la siguiente URL es mejor.

http://www.tutorialrepublic.com/faq/call-a-function-after-some-time-in-jquery.php

Merece la pena probar.

Se añade su función dada a la cola de las funciones a ejecutar en el elemento coincidente que se encuentra actualmente este.

$(this).delay(1000).queue(function() { 

    // your Code | Function here 

    $(this).dequeue(); 

    }); 

y luego ejecutar la siguiente función en la cola para el elemento (s) emparejado que actualmente es este de nuevo.

Answer 3

Esta respuesta es útil para comprender cómo puede hacer que demore usando la función JQuery delay.

Imagine que tiene una alerta y desea establecer el texto de alerta, luego mostrar la alerta y después de unos segundos ocultarlo.

Aquí está la solución simple:

$(".alert-element").html("I'm the alert text").fadeIn(500).delay(5000).fadeOut(1000); 

---

es completamente simple:

1. .html() va a cambiar el texto de .alert-element
2. .fadeIn(500) se desvanecerá en después de 500 milisegundos
3. jQuery delay(5000) función hará que 5000 milisegundos de retraso antes de llamar a la siguiente función
4. .fadeOut(1000) al final de la declaración se desvanecerá la .alert-element

Answer 4

Puede agregar la función de tiempo de espera en jQuery (Mostrar alerta después de 3 segundos) :

$(document).ready(function($) { 
    setTimeout(function() { 
    alert("Hello"); 
    }, 3000); 
});