kostenloser Webspace werbefrei: lima-city

Countdown mit Wert-Übergabe am Ende

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   unihook

   unihook hat kostenlosen Webspace.

   15:34, 2.1.2012

   Hallo
   
   wie mache ich mit Javascript einen Countdown
   der 20 Sekunden läuft, und nach Ablauf vorgegbene Werte übergibt,
   welche dann auf der Seite als Variablen zur Verfügung stehen ?
   
   z.B. nach Ablauf des Countdowns eine GET oder POST übergabe
   
   

   <script type="text/javascript">
   
   var sek = 20; 
   var aktiv = window.setInterval("countdown()", 1000);
   
   function countdown () {
     document.getElementById("count").innerHTML='Countdown ' + sek + ' Sekunden';
     sek --;
   }
   
   </script>
   
   
   <span id="count"></span>

   
   
   
   wie mache ich bei Ende des Countdown eine Übergabe von Variablen ?
   Danke!
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. limabone

   

   limabone hat kostenlosen Webspace.

   16:53, 2.1.2012

   Das lässt sich leicht mit einem AJAX-Request (veruteilt mich nicht, falls das nicht so heißt ).
   Ich mache das üblicherweise mit JQuery.
   
   Gedankengang:

   1) 1. Funktion zählt bei jedem Aufruf X - 1
   2) 2. Funktion ruft Funktion 1 20 Mal auf
   3) AJAX wird ausgeführt

   
   
   

   <script type="text/javascript">
   var sek = 20;
   function countdown () {
     document.getElementById("count").innerHTML='Countdown ' + sek + ' Sekunden';
     sek--;
   }
   function handleRequest(sek) {
    for(var i = 0; i <= sek; i++)
     window.SetTimeout("countdown()",1000);
    /* Jetzt den AJAX Aufruf */
    $('#count').load('ordner/deinphpscript.php?param1=asdf&param2=jklo', function() {
     document.getElementById("count").innerHTML = 'AJAX wurde ausgef&uuml;hrt!';
    });
   }
   </script>
   <a href="#" onClick="javascript:handleRequest();">Lass mich 20 Sekunden warten!</a>
   <span id="count"></span>

   Ungetestet, aber sollte funktionieren.
   
   Beitrag zuletzt geändert: 2.1.2012 16:54:31 von limabone

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?