aktuellen Wert von var zu HTML anzeigen

Question

Ich habe eine Variable speed vom Benutzer über die Tastatur gesteuert, und ich möchte den aktuellen Wert die ganze Zeit anzeigen.
Ich habe versucht:

var user_speed= 1; //init 

<h3 style="float:left;" id="userspeed"></h3> 

document.getElementById("userspeed").innerHTML = user_speed.toFixed(2); 

aber was ich bekommen ist nur speed = 1 und es nie geändert.

Gibt es eine Möglichkeit, den angezeigten Wert zu ändern, ohne eine Funktion zu erstellen, die jedes Mal ausgelöst wird, wenn der Benutzer die Geschwindigkeit ändert und document.getElementById()... erneut ausführt?

Answer 1

Warum setInterval nicht den Wert wie so zu aktualisieren:

var speed = 1; //init 

setInterval(function(){ 
    document.getElementById("userspeed").innerHTML = user_speed.toFixed(2); 
}, 1000); 

Dies ist der Wert alle 1 Sekunde (1000 ms) aktualisiert werden.

Answer 2

Sie erhalten nur den Anfangswert, da Sie nur einmal diesen Code aufrufen.

Wie Sie sagten, wenn Sie den Wert ändern möchten, müssen Sie einen Aufruf an diese Funktion erstellen, um den Wert zu erneuern.

Answer 3

Ich denke, dass es keinen Weg gibt. Möglicherweise müssen Sie eine Funktion und ein Ereignis verwenden. Denn wie wüssten Sie etwas oder lösen eine Berechnung aus, wenn Sie nicht wissen, an welchem ​​Punkt der Benutzer einige Schlüssel eingegeben hat?

See this question

UPDATE: Wie Sie vielleicht setInterval/SetTimeout sind böse kennen!

Wenn Sie einen Blick auf diese link werfen, werden Sie sehen, dass Sie diese Funktionen aus nicht sehr guten Gründen vermeiden sollten. Simplified:

... Das erste Argument ist eine Zeichenfolge, Sie übergeben es tatsächlich einige JavaScript, die bei Ablauf des Timers in einem globalen Namespace ausgewertet werden. Lies noch einmal die Übel von Evals und komm dann zurück. Das Gute ist, dass Sie keine JavaScript-Codezeile eingeben müssen. ...