suchen

Heim >Web-Frontend >js-Tutorial >js steuert die Zeit, um sich jede Sekunde automatisch zu bewegen

js steuert die Zeit, um sich jede Sekunde automatisch zu bewegen

小云云
小云云Original
2018-01-22 09:36:152213Durchsuche

Dieser Artikel zeigt Ihnen hauptsächlich ein Beispiel für die Steuerung der Zeit durch js und deren selbstständiges Verschieben Sekunde für Sekunde. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Das erste Formular 

 <html>
 <head>
 <title>时间</title>
 <script type="text/javascript">
setInterval("showtime()", 1000);
function showtime() {
var date = new Date();
var time = date.getHours() + ":" + date.getMinutes() + ":"
+ date.getSeconds();
document.getElementById("timeBox").value = time;
}
</script>
 </head>
 <body>
 <p style="text-align:center;">
  当前时间：<input type="text" name="timeBox" id="time" />
 </p>
 </body>
</html>

2. Das zweite Formular 

<html>
 <head>
 <title>时间</title>
 <script type="text/javascript">
 //获得当前时间,刻度为一千分一秒 
 function showLeftTime() {  
 var now = new Date();  
 var year = now.getFullYear();  
 var month = now.getMonth() + 1;  
 var day = now.getDate();  
 var hours = now.getHours();  
 var minutes = now.getMinutes();  
 var seconds = now.getSeconds();  
 document.all.show.innerHTML = "" + year + "年" + month + "月" + day + "日</br> " + hours + ":" + minutes + ":" + seconds + ""; 
 //document.getElementById("show").innerHTML = "" + year + "年" + month + "月" + day + "日</br> " + hours + ":" + minutes + ":" + seconds + "";  
  
 //一秒刷新一次显示时间 
 setTimeout(showLeftTime, 1000); 
 } 
 
 </script> 
 </head>
 <body onload="showLeftTime()">
 <label id="show"></label><br/>
 <!-- <script type="text/javaScript">
 showLeftTime();
 </script> -->
 </body>
</html>

Verwandte Empfehlungen:

Ausführlich Erläuterung der Konvertierungsmethode zwischen js-Zeitstempel und Datumsformat

Die js-Zeitsteuerung zeigt nur das Jahr und den Monat an

JS-Zeit-Countdown

Das obige ist der detaillierte Inhalt vonjs steuert die Zeit, um sich jede Sekunde automatisch zu bewegen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JS
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：So erreichen Sie mit JS eine schnelle Positionierung auf der Seite (Ankersprungproblem)Nächster Artikel：So erreichen Sie mit JS eine schnelle Positionierung auf der Seite (Ankersprungproblem)

In Verbindung stehende Artikel

Mehr sehen