kostenloser Webspace werbefrei: lima-city

Counter ausgeben

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

1. Autor dieses Themas

   testworld

   testworld hat kostenlosen Webspace.

   13:02, 31.1.2010

   Huhu,
   Ich bin recht unerfahren in javascript <.< und habe deshalb eine Frage ich habe einen counter gefunden der sieht so aus:
   

   <script type="text/javascript">
   var timeout = 30;
   countdown();
   
   function countDown() {
       document.getElementById("ausgabe").innerHTML = timeout.toString();
       timeout --;
       if (timeout < 0) {
           // Countdown beenden
       } else { 
           setTimeout("countDown()", 1000);
       }
   }
   </sript>

   
   
   ich will nun den Counter noch ausgeben weil sonst sieht man ja nichts^^ Wie mache ich das?o.O

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

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

3. syberpsace

   

   syberpsace hat kostenlosen Webspace.

   13:08, 31.1.2010

   du machst einfach irgendwo auf deiner seite
   

   <div id="ausgabe"></div>

   
   dort wird der counter dann reingeschreiben.
   
   mfg
4. Autor dieses Themas

   testworld

   testworld hat kostenlosen Webspace.

   13:58, 31.1.2010

   Hab ich gemacht, aber es passiert nichts <.< j ich wiß ich bin doof^^
   Hab ich irgendwas falsch gemacht? xD
   

   <div id="ausgabe">
   <script type="text/javascript">
   var timeout = 30;
   countdown();
   
   function countDown() {
       document.getElementById("ausgabe").innerHTML = timeout.toString();
       timeout --;
       if (timeout < 0) {
           // Countdown beenden
       } else { 
           setTimeout("countDown()", 1000);
       }
   }
   </script>
   </div>

5. syberpsace

   

   syberpsace hat kostenlosen Webspace.

   14:07, 31.1.2010

   das div darf nicht um den script bereich gehen...sonst löscht sich das script beim ersten aufruf selbst...
   du musst das div irgendwo unterhalb des scriptes plazieren
   
   mfg
6. Autor dieses Themas

   testworld

   testworld hat kostenlosen Webspace.

   14:40, 31.1.2010

   <script type="text/javascript">
   var timeout = 30;
   countdown();
   
   function countDown() {
       document.getElementById("ausgabe").innerHTML = timeout.toString();
       timeout --;
       if (timeout < 0) {
           // Countdown beenden
       } else { 
           setTimeout("countDown()", 1000);
       }
   }
   </script>
   
   <div id="ausgabe"></div>

   
   
   Es geht immer noch nicht :(
   Was ist nun falsch? :/

7. syberpsace

   

   syberpsace hat kostenlosen Webspace.

   14:45, 31.1.2010

   da das script schon startet bevor die seite fertig geladen ist, existiert das div für das script noch nicht....
   du müsstest das ganze also so
   

   <script type="text/javascript">
   var timeout = 30;
   setTimeout("countDown()", 1000);
   
   function countDown() 
   {
       document.getElementById('ausgabe').innerHTML = timeout + '';
       timeout --;
       if (timeout < 0) 
   	{
           // Countdown beenden
       } else { 
           setTimeout("countDown()", 1000);
       }
   }
   </script>
   <div id="ausgabe"></div>

   lösen
8. Autor dieses Themas

   testworld

   testworld hat kostenlosen Webspace.

   14:52, 31.1.2010

   hui danke :) endlich gehts..

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

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

Dir gefällt dieses Thema?