suchen

Heim >Web-Frontend >js-Tutorial >JS implementiert Echtzeit-Feedback der aktuellen Zeitfunktion

JS implementiert Echtzeit-Feedback der aktuellen Zeitfunktion

php中世界最好的语言
php中世界最好的语言Original
2018-04-16 16:57:331644Durchsuche

Dieses Mal bringe ich Ihnen JS, um das Echtzeit-Feedback der aktuellen Zeitfunktion zu realisieren. Was sind die Vorsichtsmaßnahmen für JS, um das Echtzeit-Feedback der aktuellen Zeitfunktion zu realisieren? ist ein praktischer Fall, werfen wir einen Blick darauf.

Verwenden Sie

Javascript, um die Systemzeit zurückzugeben

Wissen anwenden

JavaScript HTML DOM

Die setInterval()-Methode im HTML-DOM ruft weiterhin die

-Funktion 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.

Grammatik

setInterval(code,milliseconds)

Code – Code (kann eine Funktion sein)

Millisekunden – die Zeit (in Millisekunden) dieses Aufrufs

Daher möchten wir die Zeit des Feedback-Systems verschieben. 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>
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:



Das obige ist der detaillierte Inhalt vonJS implementiert Echtzeit-Feedback der aktuellen Zeitfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php JavaScript html JS function dom
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：Der feste Tabellenkopf sorgt dafür, dass das Formular horizontal scrolltNächster Artikel：Der feste Tabellenkopf sorgt dafür, dass das Formular horizontal scrollt

In Verbindung stehende Artikel

Mehr sehen