suchen

Heim >Web-Frontend >js-Tutorial >Reines JavaScript implementiert den Timecode eines Echtzeit-Feedbacksystems

Reines JavaScript implementiert den Timecode eines Echtzeit-Feedbacksystems

小云云
小云云Original
2018-01-02 15:53:041376Durchsuche

Dieser Artikel stellt hauptsächlich die relevanten Informationen zur Realisierung der Zeit des Echtzeit-Feedbacksystems in reinem JavaScript vor. Freunde in Not können darauf zurückgreifen und hoffen, dass es allen helfen kann.

Verwenden Sie Javascript, um die Systemzeit zurückzugeben.

Wissen Sie es.

JavaScript HTML DOM

Die setInterval()-Methode im HTML DOM ruft die Funktion weiterhin auf, bis clearInterval() wird aufgerufen oder das Fenster wird geschlossen. Der von setInterval() zurückgegebene ID-Wert kann als Argument für die Methode clearInterval() verwendet werden.

SyntaxsetInterval(code,milliseconds)

Code – Code (kann eine Funktion sein)

Millisekunden – die Zeit (Millisekunden) dieses Aufrufs

Daher haben wir Wir müssen die Methode nur alle 1000 Millisekunden aufrufen, damit sich die angezeigte Zeit wie ein Wecker bewegt.

setInterval(function(){myTimer()},1000)


new Date()//获得当前时间
.toLocaleTimeString()//根据本地时间把Date对象的时间部分转换为字符串
.getElementById("clock")//返回带有指定 ID 的元素
.innerHTML=c; //将c返回给指定元素

Codeteil


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <p id="clock"></p>
</body>
<script>
  var a = setInterval(function(){myTimer()},1000);
  function myTimer(){
    var b = new Date();
    var c = b.toLocaleTimeString();
    document.getElementById("clock").innerHTML=c;
  }
</script>
</html>

Verwandte Empfehlungen:

Reines JavaScript zur Implementierung der Echtzeit-Feedback-Systemzeit

Teilen der Implementierungsmethode der JavaScript-Echtzeit-Feedback-Systemzeit,

Verwenden Sie js, um die aktuelle Systemzeit anzuzeigen

Das obige ist der detaillierte Inhalt vonReines JavaScript implementiert den Timecode eines Echtzeit-Feedbacksystems. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html JS function dom
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung der JS-Implementierung des festen Tabellenkopfes und des Bildlaufkopfes mit horizontalem BildlaufNächster Artikel：Detaillierte Erläuterung der JS-Implementierung des festen Tabellenkopfes und des Bildlaufkopfes mit horizontalem Bildlauf

In Verbindung stehende Artikel

Mehr sehen