我的需求
HTML 將當下時間以 YYYY-MM-DD HH:MM:SS 顯示在 now-datetime：
現在時間：<span id="now-datetime">N/A</span><br />
ChatGPT 回應
你可以使用 JavaScript 來達成這個目標。以下是一個簡單的範例程式碼：
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>顯示當下時間</title>
</head>
<body>
現在時間：<span id="now-datetime">N/A</span><br />
<script>
// 取得當前時間
function getCurrentDateTime() {
const now = new Date();
const year = now.getFullYear();
const month = (now.getMonth() + 1).toString().padStart(2, '0');
const day = now.getDate().toString().padStart(2, '0');
const hours = now.getHours().toString().padStart(2, '0');
const minutes = now.getMinutes().toString().padStart(2, '0');
const seconds = now.getSeconds().toString().padStart(2, '0');
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}
// 更新顯示當前時間的元素
function updateCurrentDateTime() {
const nowDatetimeElement = document.getElementById('now-datetime');
if (nowDatetimeElement) {
nowDatetimeElement.textContent = getCurrentDateTime();
}
}
// 初始設定
updateCurrentDateTime();
// 每秒更新一次時間
setInterval(updateCurrentDateTime, 1000);
</script>
</body>
</html>
這段程式碼中，我們使用了 JavaScript 的 Date 物件來取得當前時間，然後將年、月、日、時、分、秒格式化成 YYYY-MM-DD HH:MM:SS 的形式。接著，我們使用 setInterval 函數每秒更新一次顯示當前時間的元素。