Heim > Web-Frontend > js-Tutorial > Hauptteil

Teilen Sie die Implementierungsmethode des JavaScript-Echtzeit-Feedbacksystems

黄舟
Freigeben: 2017-10-26 09:35:43
Original
1455 Leute haben es durchsucht

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

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!

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!