<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);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.