時(shí)鐘是網(wǎng)頁(yè)開發(fā)中常見的一個(gè)實(shí)例，可以通過JS和CSS實(shí)現(xiàn)。在JS中，可以使用Date()對(duì)象來獲取當(dāng)前時(shí)間，然后通過獲取當(dāng)前時(shí)間的小時(shí)、分鐘、秒數(shù)，來實(shí)現(xiàn)時(shí)鐘的顯示。在CSS中，可以通過設(shè)置樣式來對(duì)時(shí)鐘進(jìn)行初步調(diào)整，如設(shè)置字體大小、顏色和位置等。

function clock() {
var d = new Date();
var h = d.getHours();
var m = d.getMinutes();
var s = d.getSeconds();
h = checkTime(h);
m = checkTime(m);
s = checkTime(s);
document.getElementById("clock").innerHTML = h + ":" + m + ":" + s;
setTimeout(clock, 1000);
}
function checkTime(i) {
if (i< 10) {
i = "0" + i;
}
return i;
}
clock();

以上是JS代碼部分，通過調(diào)用clock()函數(shù)來不斷更新時(shí)鐘，其中checkTime()函數(shù)是用來檢查時(shí)間的格式是否正確。下面是CSS代碼：

#clock {
font-size: 50px;
color: #333;
text-align: center;
margin-top: 100px;
}

以上CSS代碼是通過設(shè)置id為clock來對(duì)時(shí)鐘進(jìn)行樣式調(diào)整，其中font-size、color、text-align和margin-top四個(gè)屬性分別對(duì)應(yīng)設(shè)置字體大小、字體顏色、文字對(duì)齊方式和上邊距。需要注意的是，要先在HTML中創(chuàng)建一個(gè)id為clock的元素，如下所示：

<div id="clock"></div>

通過JS和CSS的結(jié)合，可以輕松地實(shí)現(xiàn)一個(gè)簡(jiǎn)單的時(shí)鐘效果，增強(qiáng)網(wǎng)頁(yè)的交互性和實(shí)用性。