Heim > Artikel > Web-Frontend > Teilen Sie die Implementierungsmethode des JavaScript-Echtzeit-Feedbacksystems

Teilen Sie die Implementierungsmethode des JavaScript-Echtzeit-Feedbacksystems

黄舟Original: 2017-10-26 09:35:431486Durchsuche

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() aufgerufen oder das Fenster geschlossen wird. 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>

Zusammenfassung

Das obige ist der detaillierte Inhalt vonTeilen Sie die Implementierungsmethode des JavaScript-Echtzeit-Feedbacksystems. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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：Erkundung der internen Mechanismen von ReactNächster Artikel：Erkundung der internen Mechanismen von React

In Verbindung stehende Artikel

Mehr sehen