Heim > Artikel > Web-Frontend > HTML implementiert die dynamische Uhr der Webseite
HTML implementiert die dynamische Uhr der Webseite
- 不言Original
- 2018-06-09 16:44:205759Durchsuche
Dieser Artikel führt Sie anhand von Beispielcode in die Wirkung des Schreibens einer dynamischen Web-Uhr in HTML ein.
Schreiben Sie eine dynamische Web-Uhr in HTML. Der Code lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>时钟特效</title>
</head>
<script type="text/javascript">
function disptime(){
var today=new Date();
var hh=today.getHours();
var mm=today.getMinutes();
var ss = today.getSeconds();
document.getElementById("myclock").innerHTML="<h1>现在是—"+hh+":"+mm+":"+ss+"</h1>"
}
//setInterval（）方法可以按照指定的周期调用函数或计算表达式
var mytime = setInterval("disptime()",1000);
</script>
<body onload="disptime()">
<p id="myclock"></p>
</body>
</html>
Das Obige ist der gesamte Inhalt dieses Artikels Für weitere verwandte Inhalte folgen Sie bitte der chinesischen PHP-Website!
Verwandte Empfehlungen:
HTML5-Seite zum Implementieren von Nachrichten und Antworten
So verwenden Sie js, um HTML-Strings zu verbinden
Das obige ist der detaillierte Inhalt vonHTML implementiert die dynamische Uhr der Webseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!