CSS 中添加時間插件 要在您的網站或應用程序上展示當前時間，您可以使用 JavaScript 撰寫一個計時器，也可以使用現成的插件。本文將介紹如何使用一個名為「Clockpicker」的 CSS 時間插件。 首先，您需要從 Clockpicker 的 GitHub 存儲庫中下載 CSS 和 JavaScript 文件。將這些文件保存到您的項目文件夾中的“css” 和“js” 文件夾中。 然后，在您的 HTML 文件中，將 Clockpicker 的 CSS 文件鏈接到您的文檔頭部。您可以使用以下代碼：

接下來，您需要將 Clockpicker 的 JavaScript 文件鏈接到您的文檔底部。您可以使用以下代碼：

現在，在您的 HTML 文件中添加一個帶有類名“clockpicker”的輸入字段，以便在該輸入字段中顯示時間。您的 HTML 代碼應如下所示：

請選擇時間：

最后，在您的 JavaScript 文件中初始化 Clockpicker。您可以使用以下代碼：

$('.clockpicker').clockpicker();

現在，您的用戶將能夠在您的網站或應用程序上選擇時間。當他們單擊輸入字段時，他們將看到一個動態的時鐘，可以使用它來選擇特定的時間。該時間將顯示在輸入字段中。 在上面的代碼中，您可以自定義 Clockpicker 的配置選項，例如 12 小時或 24 小時時間格式、禁用選擇的時間等等。 總之，Clockpicker 是一個功能強大，易于使用的 CSS 時間插件。通過使用它，您可以為用戶展示當前時間，并讓他們選擇特定時間點以便滿足您的需求。