Javascript "schreibender Text"

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

Autor dieses Themas
karpfen

karpfen hat kostenlosen Webspace.
15:52, 20.6.2011
Guten Tag,

ich versuch mich grad bissel in JS und versuche einen Text mit Verzögerung zwischen den einzelnen Buchstaben auszugeben. Will aber irgendwie net klappen mit setTimeout...

Code ist folgender:
```
<script language="JavaScript">

	function textarray()
	{
		var zeichenkette = new Array("I", "d", "i", "o", "t")
		var length_of_zeichenkette = zeichenkette.length
		
		for(var i=0; i<zeichenkette.length-1; i++)
		{
		document.write(zeichenkette[i])
		window.setTimeout("textarray()", 1000)
		}
	}
	textarray()

</script>
```
Vielleicht sieht ja jemand den Fehler. Vielen Dank schon mal.
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

~~s*************h~~

16:30, 20.6.2011

Hallo karpfen,
ich glaube das kannst du nicht in Dokument selbst schreiben, ich habe hier aber mal eine Variante welche mit einem textarea arbeitet.

<html>
     <head>
          <title>schreibender Text</title>
          <script>
              var speed = 1000;
              var aktiv = window.setInterval("Ausgabe();", speed);
              var zeichenkette = new Array("I", "d", "i", "o", "t");
              var i = 0;
              function Ausgabe() 
              {
	          document.getElementById("test").value = document.getElementById("test").value + zeichenkette[i].toString();
	          i++;
	
	          if (i == zeichenkette.length)
		       window.clearInterval(aktiv);
              }
          </script>
     </head>
     <body>
          <textarea id="test" value=""></textarea>
     </body>
</html>

Außerdem hast du die Semikolons vergessen, was aber bei deinem Script nicht das Problem war.

Gruß S.Brosch

Beitrag zuletzt geändert: 20.6.2011 16:31:39 von software-brosch

fabo

fabo hat kostenlosen Webspace.

16:42, 20.6.2011

So etwas ähnliches wollte ich auch posten :D

<script language="Javascript">
var i = 0;	
var intervall;

function textarray() {
	var zeichenkette = ['I', 'd', 'i', 'o', 't'];
	document.getElementById('textarray').innerHTML = document.getElementById('textarray').innerHTML + zeichenkette[i].toString();
	i += 1;
	
	if (i === zeichenkette.length) {
		clearInterval(intervall);
	}
}

intervall = setInterval(textarray, 1000);
</script>

<span id="textarray"></span>

Ich konnte mich nämlich noch dunkel daran erinnern, dass ich ein ähnliches Script damals bei mir eingesetzt hatte.

EDIT:

Da fehlte eine 0 :wall:

Beitrag zuletzt geändert: 20.6.2011 17:18:39 von fabo

Autor dieses Themas
karpfen

karpfen hat kostenlosen Webspace.

22:11, 20.6.2011
Vielen Dank Euch beiden. Muss mir den Code dann mal im Einzelnen anschauen, was da was macht ;)
In meiner Test-Datei gehts zumindest:

http://karpfen.lima-city.de/test.html
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city