JavaScript - das Ausführen eines Events verzögert ausführen

Manchmal ist es notwendig daß ein Javascript erst etwas später ausgeführt wird. Zum Beispiel wenn 3 Sekunden nach dem Laden der Seite eine Aktion ausgeführt werden soll.

Die folgende Funktion löst dann nach 3000 Milisekunden aus (sprich 3 Sekunden).

Javascript - Timeout
setTimeout('window.alert(\'Die 3 Sekunden sind jetzt rum\')', 3000)

So sieht das Ganze dann aus.

Die SetTimeout funktion kann mit einer clearTimeout() funktion angehalten werden. Hier mal ein kleines Beispiel dazu:

 

Der Timout wird in eine Variable gepackt und kann dann mit zwei Knöpfen gesteuert werden. Der Code ist recht simple:

Javascript - Timeout Start and Stop
<script language="Javascript">
  var timeout;
  function timeout_starten() {
	document.getElementById('MeinBeispiel').innerHTML = '<b>Jetzt sind die 5 Sekunden vorüber</b>'
  }
  
  function timeout_loeschen() {
	clearTimeout(timeout);
	document.getElementById('MeinBeispiel').innerHTML = 'Der Timeout wurde abgebrochen';
  }

  function timeout_losgehts() {
	timeout = setTimeout('timeout_starten()', 5000);
	document.getElementById('MeinBeispiel').innerHTML = 'Die 5 Sekunden haben begonnen';
  }
</script>

<div>
	<input type="button" value="Timeout Starten" onclick="timeout_losgehts()" />
	<input type="button" value="Timeout Abbrechen" onclick="timeout_loeschen()" />
</div>
<div id="MeinBeispiel"></div>

Letzte Änderung dieser Information: 02.08.2024 20:09 h

Wir verwenden Cookies und Dienste von Drittanbietern

Akzeptieren Sie Cookies und Dienste?

 Nein   Ja     mehr Information

Wir nutzen folgende Cookies:

php Session Cookie: PHPSESSID
Wird vom Server gesetzt um die Funktionaität der Kontaktformulare, die Auswahl der Sprache, der Wunschliste und dem Warenkorb zu gewährleisten.
Speicherdauer: Bis Ende der Browsersitzung
Werte: SessionID: gbnrrvj0ui7q9vcc0h1d1h4ac0


Eigenes Cookie: tenerindi_com
Speichert ob Sie Cookies und Dienste akzeptieren und wenn ja, welche Sie akzeptieren.
Speicherdauer: 90 Tage (Bei NEIN nur bis Ende der Browsersitzung)
Werte: AllowCookies: YES / NO - AllowGoogleMaps: YES / NO - AllowYoutube: YES / NO - AllowKalender: YES / NO - AllowMatomo: YES / NO


Matomo Analytics: _pk_id.1.8c15
wird verwendet, um einige Details über den Benutzer zu speichern, wie die eindeutige Besucher-ID
Speicherdauer: 13 Monate

Matomo Analytics: _pk_ses.1.8c15
Kurzzeit-Cookies, die vorübergehend Daten für den Besuch speichern
Speicherdauer: 30 Minuten


Ihre Einstellungen

 Einstellung speichern Schliessen

  Es werden keine dauerhaften Cookies gesetzt und keine Daten an Google gesendet. Sie können allerdings die Landkarte von Google Maps und Streetview nicht nutzen.

  Das Cookie wurde soeben gesetzt.