집 >웹 프론트엔드 >JS 튜토리얼 >js는 매초마다 스스로 움직이는 시간을 제어합니다.

js는 매초마다 스스로 움직이는 시간을 제어합니다.

php中世界最好的语言원래의: 2018-04-17 09:33:371670검색

이번에는 매초 스스로 움직이는 시간을 제어하는 js를 소개하겠습니다. js가 매초 스스로 움직이는 시간을 제어하는 주의사항은 무엇인가요? 다음은 실제 사례입니다. .

1. 첫 번째 형태

 <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. 두 번째 양식

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

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!