HTML-JavaScript---網頁時間顯示同步練習

萬里無雲便是我發表於2017-11-11
HTMLJavaScript網頁
/* 
*Copyright (c) 2017，煙臺大學計算機學院 
All rights reserved. 
*檔名稱：關於HTML的練習
*作    者：張晴晴 
*完成日期：201711月5日 
*版 本 號：v1.0  * 
*問題描述：HTML5的新特性 
*輸入描述： 無
*程式輸出： 無
*/ 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>時間同步顯示</title>
<script>
	function showtime(){
		var date = new Date();
		var year = date.getYear();
		var month = date.getMonth()+1;//注意月份書寫的格式，比之前的月份少一所以必須加上
		var day = date.getDate();
		var hour = date.getHours();
		var mins = date.getMinutes();
		var sec = date.getSeconds();//得到所有的時間表示
		var st = year+"/"+month+"/"+day+"  "+hour+":"+mins+":"+sec;//轉字串
		document.getElementById("time").innerHTML="<font color=red>"+st+"</font>";
         //用innerHTML來控制層的值，div是一個層
		setTimeout("showtime()",1000);//間隔一秒執行前面的函式一次
	}
</script>
</head>

<body onload="showtime()">
當前時間:<br />
<div id="time"></div><!--寫入時間的地方-->
</body>
</html>

執行結果




相關文章