Beispiel: setInterval()

Zeitdifferenz mit Hilfe von setInterval() anzeigen.

JavaScript Quelltext

var timer     = null;
var lastTime  = 0;
var count     = 0;
var logNode   = null;


function startTimer() {
    logNode = document.getElementById("log");

    if(logNode) {
        lastTime = new Date().getTime();
        timer = setInterval(logTimeDiff, 1000 / 25);
    }
}


function logTimeDiff() {
    if(count++ > 20) {
        clearInterval(timer); // Zeitgeber stoppen
    }

    var timeNow  = new Date().getTime();
    var timeDiff = timeNow - lastTime;
    lastTime     = timeNow;

    var liNode   = document.createElement("li");
    var textNode = document.createTextNode(timeDiff);
    liNode.appendChild(textNode);
    logNode.appendChild(liNode);
}

window.onload = startTimer;

HTML Quelltext

<ul id="log">
  <li>Timer start</li>
</ul>

<noscript>
  <p>Dieses Beispiel benötigt einen Webbrowser mit aktivierter
  <a href="http://de.wikipedia.org/wiki/JavaScript">JavaScript</a>-Unterstützung.</p>
</noscript>