Javascript und setTimeout: Kurzes Warten mit Javascript!
Um eine kurze Verzögerung in die Skripte einzubauen, hilft in Javascript “setTimeout”: Was in PHP der sleep() Befehl macht, ist in Javascript “setTimeout”. Wichtig ist hier aber die Groß- und Kleinschreibung: Der Befehl beginnt mit kleinem “s”, das “T” von Timeout wird aber groß geschrieben. Mit setTimeout kann man eine Funktion oder einen Befehl zeitverzögert starten: Das können wenige Millisekunden, Sekunden oder Minuten sein. Ganz egal wie lange das Warten mit Javascript dauert: Der Wert wird immer in Millisekunden angegeben.
Javascript: Sleep-Befehl mit “setTimeout”
Der Befehl funktioniert ganz einfach: Man ruft ihn zusammen mit dem Befehl oder der Funktion auf, die nach dem Warten ausgeführt werden sollen. Das Skript wartet dann, bis die angegebene Zeit abgelaufen ist: Anschließend wird der Befehl ausgeführt und das Skript springt zum nächsten Befehl.
So ruft man eine Funktion auf, die nach 5 Sekunden starten soll:
setTimeout(meinefunction(),5000);
5000 ist dabei der Wert für fünf Sekunden: 5 Sekunden entsprechen genau 5000 Millisekunden, eine Sekunde wären 1000 Millisekunden.
Möchte man statt einer eigenen Funktion nur einen einzigen Befehl aufrufen, lautet der Code so:
setTimeout(function(){ alert('test'); },1000);
Dies erzeugt nach einer Sekunde Warten eine Message-Box mit dem Wert Text. Auch hier gibt man eine kurze Funktion in dem setTimeout Befehl ein: Dies ist deutlich übersichtlicher ist als die alternative Schreibweise, bei der man leicht mit den Anführungszeichen durcheinander kommt:
setTimeout("alert('test');",1000);
Aber auch andere Javascript-Befehle lassen sich so zeitverzögert starten: Dieser Code ändert nach einer Sekunde die Hintergrundfarbe des Elements mit der ID “div”:
setTimeout(function(){ document.getElementById('div').style.backgroundColor = "#FFF"; },1000);
An diesem Beispiel zeigt sich auch, warum die erste Schreibweise praktisch ist: Durch die kurze Funktion im setTimeout Befehl muss man nicht auf die Anführungszeichen achten.
- JavaScript Fehlermeldung
Also ich habe Windows7 Home Premium und den Firefox 19.Als ich ihn gestartet habe wollte der v...
- Betr.Javascript
Mein Computer-System:Windows 7 Firefox Installiertes Betriebssystem: 1 Hallo !Kann mir jemand ...
- Seitenzahlen mit Javascript
- HTML Formular und Javascript
Hallo, vllt. könnt ihr mir bei folgendem Problem helfen:Bei meiner Webseite soll die An...
- Firefox und Aurora: Javascript syntax error
hi,ich bekomme seit einiger Zeit (letztes Update von Aurora und Firefox?!?) immer so sel...
- Javascript Seite neu laden wenn aktiv (onfocus)
Hi,ich habe ein kleines Problem mit einer Hilfsseite, die ich gerade am basteln bin. Die...
- datenschutz (36x gelesen)
- windows-defragmentieren-und-aufraeumen (32x gelesen)
- windows-beschleunigen (30x gelesen)
- windows-geschwindigkeits-einstellungen (29x gelesen)
- pc-einsteigerkurs (20x gelesen)
Mehr Tipps zu Javascript und setTimeout: Kurzes Wa...
-
Befehlstaste bei Windows: So findet man sie!
Die Befehlstaste auf der Apple-Tastatur (auch Apfeltaste, CMD-Taste oder Command-Taste genannt) gibt es auch unter Windows: Allerdings sieht die Befehlstaste bei Windows nicht nur anders...
-
Javascript “striptags”: HTML Befehle aus Variable entfernen!
PHP hat die Funktion "striptags", mit der sich ganz leicht sämtliche HTML Befehle aus einem Wert entfernen lassen. In Javascript gibt es dafür zwar keinen...
-
DOS Befehle für die Windows Eingabeaufforderung
Windows lässt sich sehr gut mit der Maus steuern: Trotzdem geht manches schneller mit einem kurzen Befehl in der Konsole. Hier leben die meisten der...
-
Webseiten-Titel ändern oder animieren mit JavaScript (mehr Aufmerksamkeit bei Tabs!)
Der Webseiten-Titel wurde früher in der Titelleiste des Browsers angezeigt: Mittlerweile sieht man den Text oft nur noch bei mehreren geöffneten Tabs. Für Besucher, die...
-
Javascript Array leeren – so geht’s!
Ein Array ist eine spezielle Form einer Variable, die gleich mehrere Inhalte aufnehmen und einzeln wieder abrufen kann. Sie lässt sich nicht nur einfach anlegen...
-
Eine Website erstellen – Funktion, Kriterien und Inhalte einer Webpräsenz
Foto von Jordan Harrison auf Unsplash Eine eigene Webpräsenz im Internet haben vor allem Unternehmen, die sich online präsentieren wollen. Der Hauptgrund für die Erstellung...
Javascript und setTimeout: Kurzes Warten mit Javascript!