In dieser Lektion lernst du, wie du mit Timer-Events arbeiten kannst, um Zeit-basierte Aktionen in deinen Webanwendungen zu implementieren. Ein Timer-Event ermöglicht es dir, eine Funktion automatisch auszuführen, sobald eine bestimmte Anzahl von Millisekunden vergangen ist. Dies ist besonders nützlich, um Aufgaben wie Animationseffekte, Zeit-Zähler oder regelmäßige Aktualisierungen zu implementieren. Als Beispiel, denke an eine Uhr, die alle 1000 Millisekunden (1 Sekunde) eine neue Zeit anzeigt.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Timer-Events</title>
</head>
<body>
<p id="timer">00:00:00</p>
<script>
function updateTimer() {
let currentTime = new Date().toLocaleTimeString();
document.getElementById("timer").innerText = currentTime;
}
setInterval(updateTimer, 1000);
</script>
</body>
</html>