Sehr einfache jQuery countdown

Möchte ich zwei Dinge tun mit einem countdown-in jQuery. Ich habe mir bei der delay-Methode, aber es wird nicht angewandt auf ein element, wie gezeigt, in den docs.

Was ich will zu tun ist, 2 Stunden warten und dann 30 Sekunden vor dem timeout zu tun Funktion und dann nach, die Funktion B.

Während der Funktion I zeigt ein modales wo ich zeigen möchte, eine Nachricht, die sagt, Sie haben 30 Sekunden, um zu reagieren. Und zeigen die 30 runterzählen vor dem ausführen der Funktion B.

Was wäre die beste und einfachste Weg, dies alles?

Dank

InformationsquelleAutor Cameron | 2011-11-30
  1. 1

    Wenn Sie nicht möchten, zu bekommen, zu chaotisch-code-weisen, verwenden Sie einen countdown-plugin wie jCounter und führen Sie es für 2 Stunden, und legen Sie seine Ausweichlösung (fallback A) starten Sie eine andere Instanz der countdown für 30 Sekunden mit dem zweiten Ausweichlösung (fallback-B).

    Beispiel:

    $('.countdown').jCounter({
  customDuration: 60*60*2, //2 hours
  format: 'hh:ss', //display hours and seconds
  fallback: function() { $('.timeLeft').jCounter({ //fallback A
    customDuration: 30, //run for 30 seconds
    format: 'ss', //display only seconds
    fallback : function() { alert("30 seconds are up!") } //fallback B
  }); }
});
    InformationsquelleAutor SirCommy
  2. 6

    Ich hatte etwas ähnliches vor kurzem. Ich schrieb meine eigene, dann spotted:

    http://pure-essence.net/2010/02/14/jquery-session-timeout-countdown/

    Hoffe, das hilft.

    InformationsquelleAutor dash
  3. 1

    Wenn die mit der version 1.7 oder 1.7.1 jQuery, mein Vorschlag wäre:

    a) A simple timeout for the first countdowm (the 2 hour one); unless you
   want a countdown displayed.

b) for the 30 seconds, use the $.when feature to  fire the second function:

   $.when(count-down-reaches-zero-or-user-responds).done(function () {
       B
   })

    Wenn Sie Hilfe brauchen, schreiben Sie eine einfache Darstellbare countdown, können Sie einen Blick
    bei dem code hier ( http://zequinha-bsb.int-domains.com/meetings.html )

    InformationsquelleAutor zequinha-bsb
Schreibe einen Kommentar