Timeout Skript

Hier noch das Javascript, das ich beim Countdown zum Schließen der Lytebox mit meiner ID ‘counter’ verwendet habe.

> Layout markieren > Fenster “Layout Eigenschaften” > Button “HTML” > “Zwischen Head Tags” einfügen

<script language="JavaScript">
   // Zeit - hier 30 Sekunden gewählt
   var c=30;

   var t;
   var timer_is_on=0;
  
   function timedCount()
   {
      document.getElementById('counter').value=c;
      // Zeit - Variable c wird runter gezählt
      c=c-1;
      // Wenn Zeit abgelaufen (c<0) dann auf Seite weiterleiten
      // Relativen Pfad zu Eurer Seite anpassen
      if(c<0){
         window.top.location = '../Timeout/timeout.html';
      }

      t=setTimeout(function(){timedCount()},1000);
   }
  
   function doTimer()
   {
      if (!timer_is_on)
      {
         timer_is_on=1;
         timedCount();
      }
   }
  
   function stopCount()
   {
      clearTimeout(t);
      timer_is_on=0;
   }
</script>

> Texfeld aufziehen > in den HTML-Code Editor des Textfeldes einfügen

achtet dabei auf die korrekte ID

<form>
   <input type="button" value="Start" onclick="doTimer()" />
   <input type="text" id="counter" style="text-align: center;" size="1" readonly />
   <input type="button" value="Stop" onclick="stopCount()" />
</form>

Wenn Ihr wollt, dass der Countdown direkt beim Aufruf der Seite startet, dann müsst Ihr die Funktion “doTimer()” beim Laden der Seite in das <BODY> Tag einfügen.

> Layout markieren > Fenster “Layout Eigenschaften” > Button “HTML” > “Im Haupttext-Tag” einfügen

onload=”doTimer()”

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik