Tenerindi.com Logo
Loading

java script - 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 5 Sekunden nach dem Laden der Seite eine Aktion ausgeführt werden soll. Diese Funktion löst dann aus nach 3000 Milisekunden (sprich 3 Sekunden).

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:

<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: 17.04.2012 14:12 h
© 2018 tenerindi.com | Impressum und Datenschutz | Kontakt | Glossar | Last Update: 16.10.2023