Text ändern mit setTimeout

Ein Javascript von unserem User Lnastyler zur Veranschaulichung der setTimeout-Funktion.

Nach einer von euch selbst festgelegten Zeit wird der vorgegebene Text ersetzt, und es werden statt dessen einige Farbcodes ausgegeben.

Im Beispiel sind 10 Sekunden gesetzt. Je nachdem wie leistungsfähig euer Rechner ist, kann es ein wenig länger dauern bevor die Zeilen alle komplett erstellt sind 😉

Auch den Text könnt ihr natürlich anpassen!

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var text_sekunden = 10; var text_nachricht = 'In 10 Sekunden wird dieser Text hier verschwinden und es wird eine (kleine) Auswahl von Farben angezeigt, die bei HTML genutzt werden können:'; var z= "<div id='text_farben_div' style='font-size: 28px;'>" + text_nachricht + "</div>"; document.write(z); function y(){ var x =""; for (var i = 10 ; i<100; i += 9) for (var o = 10 ; o<100; o += 9) for (var c = 10 ; c<100; c += 9) x += '<span style="background-color:#'+ o + i + c +';font-size:20px;color:white">Farbcode für diesen Hintergrund: #' + o + i + c +'</span><br />'; document.getElementById('text_farben_div').innerHTML = x; } window.setTimeout("y()", text_sekunden * 1000); //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/text-aendern-mit-settimeout/" target="_blank">kostenlose-javascripts.de</a> <br /> <!-- präsentiert von kostenlose-javascripts.de -->