javascript實時顯示時間程式碼例項

admin發表於2017-03-08
JavaScript

在很多網頁上都有這樣的功能，那就是有一塊區域能夠實時的顯示當前的事件，這是比較人性化的一個舉措，同時也讓網站有了動態的感覺，下面是一段實現此效果的程式碼例項，希望能夠給大家帶來幫助。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" />
<head>
<title>螞蟻部落</title>
<script type="text/javascript">
function showLeftTime(){
  var show=document.getElementById("show");
  var now=new Date();
  var year=now.getYear();
  var month=now.getMonth();
  var day=now.getDate();
  var hours=now.getHours();
  var minutes=now.getMinutes();
  var seconds=now.getSeconds();
  show.innerHTML=""+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+"";
  var timeID=setTimeout(showLeftTime,1000);
}
window.onload=function(){
  showLeftTime()
}
</script>
</head>
<body>
 <div id="show"></div>
</body>
</html>

以上程式碼實現了我們想要的效果，程式碼比較簡單，這裡也就不多介紹了。

相關文章