Heim > Artikel > Web-Frontend > js steuert die Zeit, um sich jede Sekunde automatisch zu bewegen
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
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!