今天我們要來談一下javascript中的時鐘(clock)，它在網頁中是一種非常常見的形式，例如有些網站的主頁就會用時鐘來展示當前時間以及倒計時等信息。時鐘的實現方法比較簡單，只需要一點點javascript的知識便可實現一個屬于自己的時鐘。

在javascript中，時鐘的實現主要依賴于兩個函數：setInterval()和Date()。setInterval()函數用于在指定時間間隔內反復執行某個任務，在我們的時鐘中即為更新時間。而Date()函數則用于獲取當前時間。

function clock() {
var currentDate = new Date();
var hours = currentDate.getHours();
var minutes = currentDate.getMinutes();
var seconds = currentDate.getSeconds();
}

上面的代碼段展示了如何使用Date()函數獲取當前的時間，其中hours、minutes、seconds分別代表小時、分鐘和秒數。接下來我們將這些時間信息用DOM操作添加到網頁中：

function clock() {
var currentDate = new Date();
var hours = currentDate.getHours();
var minutes = currentDate.getMinutes();
var seconds = currentDate.getSeconds();
var clockDiv = document.getElementById("clock");
clockDiv.innerHTML = hours + ":" + minutes + ":" + seconds;
}

上面的代碼中，我們將獲取到的時、分、秒信息通過DOM操作添加到了一個名為“clock”的DIV標簽中，從而實現了在網頁中顯示當前時間。但是這樣的時鐘只是靜態的展示了當前時間，我們還需要讓它動態地不斷更新時間信息。

這時就需要用到setInterval()函數了。下面的代碼將每秒鐘動態地更新顯示的時間：

function clock() {
setInterval(function() {
var currentDate = new Date();
var hours = currentDate.getHours();
var minutes = currentDate.getMinutes();
var seconds = currentDate.getSeconds();
var clockDiv = document.getElementById("clock");
clockDiv.innerHTML = hours + ":" + minutes + ":" + seconds;
}, 1000);
}

上面的代碼中，我們使用setInterval()函數來每秒鐘執行一個匿名函數，該函數內部代碼與之前的類似，只不過多了一行將時分秒信息添加到網頁中的代碼。最后的參數1000代表每隔1000毫秒（即1秒）執行一次該函數。

最后，我們需要在網頁中調用該函數，使時鐘開始運行：

在頁面加載完成后，會自動調用clock()函數，從而啟動時鐘的運行。

經過以上的代碼實現，我們便成功地實現了一個簡單的javascript時鐘。除此之外，我們還可以通過設置css樣式來美化時鐘的顯示效果，例如添加背景顏色、設置字體大小和顏色等。不過這些內容就不在本文的討論范圍內了。