Heim > Web-Frontend > js-Tutorial > Echtzeit-Feedback der Systemzeit mit reinem JavaScript

Echtzeit-Feedback der Systemzeit mit reinem JavaScript

小云云
Freigeben: 2017-12-09 14:18:01
Original
1608 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage