kostenloser Webspace werbefrei: lima-city

[JS] Timer?

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

1. Autor dieses Themas

   r********r

   19:43, 15.7.2007

   Hallo
   
   Ich brauche etwas Unterstützung. Ich möchte für meine Seite eine Werbe-Rotation machen. Da diese aber in den Hauptframe soll, welcher nur bei einem kompletten Refresh neu geladen wird, möchte ich diese Rotation mit JS machen. Ich möchte das ganze schön machen, also mit einem Übergangseffekt. Dazu nutze ich http://script.aculo.us!
   
   Im Prinzip soll das so ablaufen: Alle 30 Sekunden wird ein andere DIV-Block angezeigt, die anderen beiden ausgeblendet. Also so zum Beispiel:
   
   

   sekunden = timer(); // soll jede Sekunde eins dazuzählen
   
   if (sekunden >= 0 AND sekunden < 29) {
   new Effect.Appear(document.getElementById('block1')); // Block 1 einblenden
   }
   
   if (sekunden >= 30 AND sekunden < 59) {
   new Effect.Fade(document.getElementById('block1')); // Block 1 auslbenden
   new Effect.Appear(document.getElementById('block2')); // Block 2 einblenden
   
   sekunden = 0;
   }

   
   
   Ich hoffe ihr habt verstanden, was ich meine ;)
   
   Oder noch besser: Eine Funktion die jede Sekunde einen höher zählt. Dann kann ich nämlich
   
   

   sekunde = rand(1,60);

   
   
   machen, dann ist es nicht immer eine Reihenfolge :)
   
   Viele Grüße,
   Andy
   
   Beitrag geändert: 15.7.2007 19:53:10 von rapidraver

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

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

3. dominus007

   dominus007 hat kostenlosen Webspace.

   12:20, 22.7.2007

   Da haste 'nen Code, der deine Page alle 30 Sekunden aktuallisiert:
   
   <script type="text/javascript">
   var interval = window.setInterval ('countItDown()', 1000);
   var sec = 30;
   
   function countItDown() {
   document.getElementById('count').innerHTML = 'Seite wird in '+sec+' Sekunden aktualisiert';
   sec--;
   
   if (sec < 0 ) {
   window.location.reload();
   clearInterval(interval);
   }
   }
   </script>
   <div id="count"></div>

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

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

Dir gefällt dieses Thema?