webentwicklung-frage-antwort-db.com.de

jquery verzögert die Ausführung des Codes

In meiner Jquery-Funktion habe ich ein Loader-GIF-Image. Nachdem ich es gezeigt habe, möchte ich eine Verzögerung für eine Sekunde setzen und dann den Rest des Codes ausführen. Wie kann ich das machen? 

    $('#loader').css('display', '');

    //// I want to put here a delay. 

    var myDate = new Date();
    myDate.setFullYear(2013,8,2);

    var checkyear = myDate.getFullYear();
    var monthly =myDate.getMonth();
    var daily =myDate.getDate();

    $('#day').html(daily) ;
    $('#month').html(months[monthly]) ;
    $('#year').html(checkyear) ;
11
user1077300

Legen Sie ein Timeout wie folgt fest:

var delay = 1000;
setTimeout(function() {
 // your code
}, delay);

Beispiel http://jsfiddle.net/HuLTs/

26
Paul Rad

Hast du .delay probiert?

$('#loader').show(1).delay(1000).hide(1);

Die Methode .delay () eignet sich am besten für die Verzögerung zwischen jQuery - Warteschlangen. Da es begrenzt ist, bietet es keine Möglichkeit, Die Verzögerung abzubrechen - .delay () ist kein Ersatz für die native JavaScript-Funktion setTimeout , die kann für bestimmte Anwendungsfälle geeigneter sein.

Demo: http://jsfiddle.net/SBrWa/

6
GG.
$(document).ready(function(){ 
    setTimeout(function(){ 
      //your code
     },
  2000); 
});

Hier2000bezieht sich auf2 seconds

5
coder

Sie können diesen Code verwenden,

$('#loader').css('display', '');

setTimeout(function() {
    var myDate = new Date();
    myDate.setFullYear(2013,8,2);

    var checkyear = myDate.getFullYear();
    var monthly =myDate.getMonth();
    var daily =myDate.getDate();

    $('#day').html(daily) ;
    $('#month').html(months[monthly]) ;
    $('#year').html(checkyear) ;
}, 1000);
0
zahirdhada

Versuche dies,

$(function(){
    $('#loader').css('display', '');
    setTimeout(function(){ 
        var myDate = new Date();
        myDate.setFullYear(2013,8,2);
        var checkyear = myDate.getFullYear();
        var monthly =myDate.getMonth();
        var daily =myDate.getDate();
        $('#day').html(daily) ;
        $('#month').html(months[monthly]) ;
        $('#year').html(checkyear) ;
    },1000);// 1 second delay
});
0
Rohan Kumar