如何使用JavaScript在HTML網頁上顯示當前動態(tài)時間
搭建網頁在已搭建的IIS本地服務器上,在共享區(qū)域新建一個html文件,命名為。打開該文件,使用記事本編輯并完善基本的HTML元素,如下所示:```html時間的動態(tài)顯示``` 添加JavaScrip
搭建網頁
在已搭建的IIS本地服務器上,在共享區(qū)域新建一個html文件,命名為。打開該文件,使用記事本編輯并完善基本的HTML元素,如下所示:
```html
```
添加JavaScript時間代碼
在html文件的頭部部分添加JavaScript代碼,用于獲取并動態(tài)顯示時間:
```javascript
var t null;
t setTimeout(time, 1000); //開始執(zhí)行
function time() {
clearTimeout(t); //清除定時器
var dt new Date();
var y ();
var mm () 1;
var d ();
var weekday ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
var day ();
var h ();
var m ();
var s ();
if (h < 10) { h "0" h; }
if (m < 10) { m "0" m; }
if (s < 10) { s "0" s; }
("timeShow").innerHTML "現(xiàn)在的時間為:" y "年" mm "月" d "日 " weekday[day] " " h ":" m ":" s;
t setTimeout(time, 1000); //設定定時器,循環(huán)執(zhí)行
}
```
添加時間顯示的載體
在內容部分寫入一個div標簽,并為其指定ID,用來加載時間的顯示:
```html
```
添加樣式
在頭部添加div的樣式,使時間顯示界面更加美觀:
```html
.time1{
width: 100%;
height: 50px;
background: FFF000;
line-height: 50px;
text-align: center;
}
```
在瀏覽器中查看
在瀏覽器地址欄輸入對應的本地服務器IP地址,查看編寫的網頁文件,即可實時顯示當前動態(tài)時間。
通過以上步驟,你可以輕松地在HTML網頁上顯示實時動態(tài)的時間,并且隨著時間變化而更新,讓你的網頁更加生動和有趣。