Echtzeit-Feedback der Systemzeit mit reinem JavaScript-js-Tutorial-php.cn

Echtzeit-Feedback der Systemzeit mit reinem JavaScript

小云云

Freigeben： 2017-12-09 14:18:01

Original

1560 Leute haben es durchsucht

JavaScript ist eine sehr nützliche Sprache. In diesem Artikel stellen wir hauptsächlich die relevanten Informationen zur Implementierung von Echtzeit-Feedback-Systemzeit in reinem JavaScript vor. Ich hoffe, es kann jedem helfen.

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返回给指定元素

Nach dem Login kopieren

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>

Nach dem Login kopieren

Verwandte Empfehlungen:

JS- und HTML-Methoden zum Abrufen der aktuellen Systemzeit

Mehrere schöne Timeline-Tutorials, implementiert von Jquery ,

JS-Methode zur Zeiterfassung

Das obige ist der detaillierte Inhalt vonEchtzeit-Feedback der Systemzeit mit reinem JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!