HTML CSS 顯示時間代碼
使用HTML和CSS可以創建動態的,實時顯示時間的網頁。下面是一個簡單的示例代碼:
```htmlHTML CSS 顯示時間
當前時間是:
``` 這個代碼使用了一個``元素來顯示當前時間,使用了CSS樣式來控制該元素的外觀:它有一個灰色的背景,圓角邊框和陰影效果,使用等寬字體顯示時間,并且中心對齊。
JavaScript代碼負責每秒更新`
`元素的文本內容,以顯示當前的時間。為了實現這一點,我們使用了`setInterval()`函數來每秒調用一次`updateTime()`函數。這個函數創建一個新的`Date`對象,并從中提取出小時、分鐘和秒數,然后將它們轉換為時間字符串,最后將字符串賦值給`
`元素的textContent屬性。
這樣,我們就創建了一個簡單但有用的HTML和CSS代碼,可以顯示實時時間。