kostenloser Webspace werbefrei: lima-city

js array stück für stück ausgeben

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

1. Autor dieses Themas

   promohit

   promohit hat kostenlosen Webspace.

   17:05, 18.6.2011

   Hallo
   
   ich habe HTML-Code in eine JavaScript Array
   jedes Array-Element enthält den fertigen HTML-Code zur ausgabe
   
   Wie kann ich in einem Loop (schleife) jedes dieser Array-Elemente
   nacheinander ausgeben, z.B. alle 10 Sekunden das nächste Element
   
   Beispiel:
   

   <script type="text/javascript">
   
   var inhalte= new Array(
   '<p>Element1</p>', 
   '<p>Element2</p>', 
   '<p>Element3</p>', 
   '<p>Element4</p>'
   ); 
   
   var anzahl = inhalte.length;
   
   for( i=0; i<anzahl; i++ )  { 
   
   // ---? hier alle 10 Sekunden das nächste Element für Ausgabe übergeben ? ---- 
   
   }
   </script>
   
   <!-- hier Ausgabe eines Elemnts für je 10 Sekunden, dann nächstes --> 
   <div id="ausgabe"> &nbsp; </div>

   
   
   und am besten so, dass wenn das letzte Element ausgegeben wurde,
   es wieder mit dem ersten beginnt ( wiederholter durchlauf)
   
   Ideen?
   
   Beitrag zuletzt geändert: 18.6.2011 17:07:09 von promohit

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

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

3. g****e

   12:02, 19.6.2011

   Löse das ganze am besten über eine Closure:
   
   

   function MyLaufbanner() {
       counter = 0;
       array = new Array(
           '<p>Element1</p>', 
           '<p>Element2</p>', 
           '<p>Element3</p>', 
           '<p>Element4</p>'
       ); 
   
       this.showArrayPiece() {
           document.getElementById("ausgabe").innerHTML( array[counter] );
           counter++;
       }
   }
   
   var class = new MyLaufbanner();
   setInterval( 'class.showArrayPiece()', 10*1000);

   
   
   Keine garantie für 100% Funktion. Aber so sollte es klappen.
   
   Beitrag zuletzt geändert: 19.6.2011 12:02:47 von ggamee
4. Autor dieses Themas

   promohit

   promohit hat kostenlosen Webspace.

   20:23, 7.7.2011

   noe, bekomme ich so leider nicht zum Laufen
   
   gibt nicht ein Tutorial oder Info,
   wie man in einem DIV alle 10 Sekunden einen neuen Text ausgeben kann
   so ne art Ticker ...

5. g****e

   20:40, 7.7.2011

   sowas vllt?
   
   http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
   
   Sonst Google einfach mal "jQuery Newsticker", da findet man viel.
   
   Liebe Grüße

6. m******************r

   20:42, 7.7.2011

   versuchs so mal:
   
   

   var ct = 0;
   window.setInterval("update()", 10000);
   
   function update()
   {
   document.getElementById("ausgabe").innerHTML(array[ct++]);
   if(ct == array.length - 1)
   {
   ct = 0;
   }
   }

   
   
   setInterval löst alle 10 Sekunden die Funktion update() aus, welche ein Array-Element ausgibt und den Zähler erhöht bzw. gegebenenfalls wieder auf null setzt.
   
   Edit:
   Sry, Ähnliches wurde schon gepostet, zu spät gesehen
   
   Beitrag zuletzt geändert: 7.7.2011 20:43:57 von markus-niederbrucker
7. Autor dieses Themas

   promohit

   promohit hat kostenlosen Webspace.

   0:02, 9.8.2011

   Danke, das mit dem Ticker hab ich irgendwie gelöst,
   
   edit: sorry, passt jetzt nicht mehr zum Titel, eigentlich ein neues Problem
   
   Zwei Texte nacheinander mit jquery fadein / fadeout
   
   ich will, das bei Klick auf ein Element, in dem vorher schon was steht
   dieses verschwindet und dafür zuerst ein "... bitte warten" kurz ein- und wieder ausgeblendet wird
   und dann ein anderer Text eingeblendet, wird, siehe Code-Versuch
   
   mein Versuch
   

   <script type="text/javascript">
   
   $(document).ready(function() {
   
   $("span.meineklasse").click(function () {
   
   $(this).html('<span style="color:blue;">einem Moment bitte</span>').fadeIn(1000).fadeOut(1000);
   $(this).html('<span style="color:red;">Alles OK</span>').fadeIn(2000);
   
   });
   
   });
   
   </script>

   
   
   es funktioniert leider nicht,
   
   es wir zweimal Alles OK ein-geblendet ?!
   ?
   
   
   Beitrag zuletzt geändert: 9.8.2011 0:05:33 von promohit

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

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

Dir gefällt dieses Thema?