kostenloser Webspace werbefrei: lima-city


Countdown mit Wert-Übergabe am Ende

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    unihook

    unihook hat kostenlosen Webspace.

    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. Das lässt sich leicht mit einem AJAX-Request (veruteilt mich nicht, falls das nicht so heißt :wink:).
    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?

Über lima-city

Login zum Webhosting ohne Werbung!