-
1 # 小野花梨
-
2 # WZYY4EVER
1、搭建網頁利用已搭建的IIS本地伺服器，在共享區域新建一個html檔案，命名為index.html。如圖
2、植入html元素用記事本開啟index.html，完善html基本元素。寫入一下程式碼：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html"/><title>時間的動態顯示</title> </head><body></body></html>並儲存。如圖：
3、寫入JavaScript時間程式碼在html頭部寫入獲取時間的程式碼： <script language="javascript"> var t = null; t = setTimeout(time,1000);//開始執行 function time() { clearTimeout(t);//清除定時器 dt = new Date();var y=dt.getYear()+1900;var mm=dt.getMonth()+1;var d=dt.getDate();var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];var day=dt.getDay(); var h=dt.getHours(); var m=dt.getMinutes(); var s=dt.getSeconds();if(h<10){h="0"+h;}if(m<10){m="0"+m;}if(s<10){s="0"+s;} document.getElementById("timeShow").innerHTML = "現在的時間為："+y+"年"+mm+"月"+d+"日"+weekday[day]+" "+h+":"+m+":"+s+""; t = setTimeout(time,1000); //設定定時器，迴圈執行 } </script>如圖：
4、寫入div標籤在內容部分寫入div標籤，並附上ID，用來載入時間的載體。<divid="timeShow"></div>如圖：
5、寫入樣式在頭部寫入div的樣式： <style> .time1{width:100%; height:50px; background:#FFF000; line-height:50px; text-align:center;} </style>並儲存，如圖：
6、載入網頁在瀏覽器輸入192.168.1.2，檢視編寫的網頁檔案。如圖：
-
3 # 贛西小吳
1、新建一個HTML頁面；
2、新建一個idweitimer的P標籤，來動態顯示日期時分秒；
3、編寫JS函式；
4、獲得當前日期，然後根據當前日期獲得年月日時分秒；然後每隔一秒執行一次該函式。就實現了動態日期。
5、執行效果如下：
-
4 # 墾綽西加威
HTML顯示當前動態時間的具體操作步驟如下：
1、新建一個HTML頁面，如下圖所示。
2、新建一個idweitimer的P標籤，來動態顯示日期時分秒，如下圖所示。
3、編寫JS函式；獲得當前日期，然後根據當前日期獲得年月日時分秒；然後每隔一秒執行一次該函式。就實現了動態日期，如下圖所示。
4、執行效果如下圖所示。
回覆列表
HTML如何顯示當前動態時間。
1、搭建網頁。利用已搭建的IIS本地伺服器，在共享區域新建一個html檔案，命名為index.html。
2、植入html元素
用記事本開啟index.html，完善html基本元素。
寫入一下程式碼：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html"/>
<title>時間的動態顯示</title>
</head>
<body>
</body>
</html>
並儲存。
3、寫入JavaScript時間程式碼
在html頭部寫入獲取時間的程式碼：
<script language="javascript">
var t = null;
t = setTimeout(time,1000);//開始執行
function time()
{ clearTimeout(t);//清除定時器
dt = new Date();
var y=dt.getYear()+1900;
var mm=dt.getMonth()+1;
var d=dt.getDate();
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var day=dt.getDay();
var h=dt.getHours();
var m=dt.getMinutes();
var s=dt.getSeconds();
if(h<10){h="0"+h;}
if(m<10){m="0"+m;}
if(s<10){s="0"+s;}
document.getElementById("timeShow").innerHTML = "現在的時間為："+y+"年"+mm+"月"+d+"日"+weekday[day]+"
"+h+":"+m+":"+s+"";
t = setTimeout(time,1000); //設定定時器，迴圈執行 }
</script>
4、寫入div標籤
在內容部分寫入div標籤，並附上ID，用來載入時間的載體。
<div></div>
5、寫入樣式
在頭部寫入div的樣式：
<style>
.time1{width:100%; height:50px; background:#FFF000; line-height:50px; text-align:center;}
</style>
6、載入網頁。在瀏覽器輸入192.168.1.2，檢視編寫的網頁檔案。