Wie eine Anzeige einer Uhr synchron mit der Echtzeit zu machen

Question

Ich möchte eine Uhr mit Javascript machen.

Ich möchte, dass die Sekunden und sogar Millisekunden in Echtzeit angezeigt werden, wie eine echte Uhr. Sie können sehen, wie sich die Zahlen in Echtzeit ändern.

Ich dachte über eine Schleife, wo eine Funktion selbst ruft den Schreibbefehl wie diese

function countdown (i) { 
    if (i == undefined) { 
    i = 10; 
    } 

    if (i > 0) { 
    i--; 
    var timeout = window.setTimeout("document.getElementById("thedate").innerHTML ... , 1000); 
    } 
} 
countdown(); 

Und wie wiederholen kann ich es machen, dass die Funktion sich wie die reale Uhr in der gleichen Geschwindigkeit wiederholt Ist das überhaupt möglich?

Wenn ich nur das Schrittintervall von setTimeout auf 1 setze und die Funktion 1000 mal pro Sekunde wiederhole, ist es vielleicht asynchron zu der von mir zuvor definierten Echtzeit von getDate, habe ich recht?

Die Hauptfrage ist: Wie kann ich meine Wiederholungsfunktion synchron mit der Echtzeit bekommen?

Answer 1

Verwenden Sie die setInterval Web Api für dieses Problem:

var intervalID = window.setInterval(myCallback, 1000); 

function myCallback() { 
    // Gets called every second 
} 

Documentation for the setInterval() method

Answer 2

Stattdessen Endlosschleife mit Funktion erstellen, verwenden Sie nur setInterval(function() {}, 1000);

Answer 3

In meinem Blog, können Sie genau das finden, was Sie wollen

http://turgaygulmez.com/javascript-local-time/