自家製小時鐘 – Q1 online clock

最近 Jason 工作上需要用到網上時鐘,但很多網上時鐘都有廣告或者格式不太合用。作為一個「作 code 家」當然就要立即動手作 code 啦!既然已經作了出來就不要浪費,大家可自行抄到自己的網頁伺服器使用,沒有私家伺服器的話也可直接用 jasonworkshop.com 的。

這是有時分秒的版本
https://jasonworkshop.com/clock/clock1.html

這是只有時分的版本
https://jasonworkshop.com/clock/clock2.html

以下是 clock1.html 的 source code, 大家可以改成適合自己使用的格式哦!

<html>
<body onload="startTime()" style="background-color: #FFFFFF;">
<div id="txt" align=center style="font-family: Arial, Helvetica; font-size: 25vw;"></div>

<script>
function startTime() {
  const today = new Date(); // 當前時間
  let h = today.getHours(); // 取得小時
  let m = checkTime(today.getMinutes()); // 取得分鐘
  let s = checkTime(today.getSeconds()); // 取得秒數
  document.getElementById('txt').innerHTML =  h + ":" + m + ":" + s; // 將時間顯示在頁面上
  setTimeout(startTime, 1000);
}

function checkTime(i) {
  if (i < 10) {i = "0" + i}; // 數值補零
  return i;
}
</script>

</body>
</html>