Heim > Artikel > Web-Frontend > JS implementiert Echtzeit-Feedback der aktuellen Zeitfunktion
JS implementiert Echtzeit-Feedback der aktuellen Zeitfunktion
- php中世界最好的语言Original
- 2018-04-16 16:57:331586Durchsuche
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 SieJavascript, um die Systemzeit zurückzugeben
Wissen anwenden JavaScript HTML DOM Die setInterval()-Methode im HTML-DOM ruft weiterhin die GrammatiksetInterval(code,milliseconds)
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!
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