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

Reines JavaScript implementiert den Timecode eines Echtzeit-Feedbacksystems

小云云
Freigeben: 2018-01-02 15:53:04
Original
1374 Leute haben es durchsucht

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

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!

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