<div class="date"></div>


const currentTime=document.querySelector(".date");
function showTime(){
  const time = new Date();
  const year = time.getFullYear();
  const month = time.getMonth() + 1;
  const date = time.getDate();
  const weekday=time.getDay();
  //為了避免畫面顯示只有單位數字,所以加上"0",把型別轉換為字串,再用substr擷取字串
  const hours = ("0"+time.getHours()).substr(-2);
  const minutes = ("0"+time.getMinutes()).substr(-2);
  const sec = ("0"+time.getSeconds()).substr(-2);
  const millSec = time.getMilliseconds();
  //用split把字串轉成陣列
  const tw = "日,一,二,三,四,五,六,七,八,九,十,十一,十二,十三,十四,十五,十六,十七,十八,十九,二十,二一,二二,二三,二四,二五,二六,二七,二八,二九,三十,三一".split(
		","
	);
  currentTime.innerHTML=`
<p>目前時間是${year}/${month}/${date} ${hours}:${minutes}:${sec}</p>
<p>今天是禮拜${tw[weekday]}</p>
<p>今天是${tw[month]}月${tw[date]}日,時間是${hours}:${minutes}</p>
<p></p>
`;
}

const tw = "日,一,二,三,四,五,六,七,八,九,十,十一,十二,十三,十四,十五,十六,十七,十八,十九,二十,二一,二二,二三,二四,二五,二六,二七,二八,二九,三十,三一".split(
		","
	);

setInterval(function(){
  showTime()
},1000);
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.