JavaScript 動態數字時鐘

antzone發表於2017-04-14

分享一段程式碼例項,它實現了最為簡單的動態數字時鐘效果。

但是缺點也是很明顯的,無法隨心所欲的定製格式。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>數字時鐘</title>
<style>
#clock {
  color: #333;
}
</style>
<script>
function displayTime(){
  var elt=document.getElementById("clock");
  var now=new Date();
  elt.innerHTML=now.toLocaleTimeString();
  setTimeout(displayTime,1000);
}
window.onload=displayTime;
</script>
</head>
<body>
<span id="clock"></span>
</body>
</html>

上面程式碼演示了一個最為簡單的動態時鐘效果,初學者可以參考一下。

相關文章