自動變化的電子鬧鐘（小樣）
阿新 • • 發佈：2021-08-23
<!DOCTYPEhtml>
<htmllang="en">
<head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>Document</title> </head>
<body> <divid="dv"></div> <script> functiongetTime(){ //定義星期陣列 varweekArr=['日','一','二','三','四','五','六'] //獲取當前時間 vartime=newDate() varyear=time.getFullYear() varmonth=time.getMonth()+1 vardate=time.getDate() varhours=time.getHours() varminutes=time.getMinutes() varseconds=time.getSeconds() varweek=time.getDay()
//拼接字串 //vartimeStr=year+'年'+month+'月'+date+'日'+'星期'+weekArr[week]+addZero(hours)+':'+addZero(minutes)+':'+addZero(seconds)
//模板字串鍵盤ESC下面的符號`` //如果是變數${變數} vartimeStr=`${year}年${month}月${date}日星期${weekArr[week]}${addZero(hours)}時${addZero(minutes)}分${addZero(seconds)}秒`
//寫入到頁面 //直接通過id=dv使用元素不需要獲取元素 dv.innerHTML=timeStr } //為了防止頁面出現空白所以手動呼叫一次 getTime()
//補0函式 functionaddZero(time){ //判斷傳入的數值是否<0小於則補0 returntime<10?'0'+time:time }
setInterval(getTime,1000) </script> </body>
</html>
<head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>Document</title> </head>
<body> <divid="dv"></div> <script> functiongetTime(){ //定義星期陣列 varweekArr=['日','一','二','三','四','五','六'] //獲取當前時間 vartime=newDate() varyear=time.getFullYear() varmonth=time.getMonth()+1 vardate=time.getDate() varhours=time.getHours() varminutes=time.getMinutes() varseconds=time.getSeconds() varweek=time.getDay()
//拼接字串 //vartimeStr=year+'年'+month+'月'+date+'日'+'星期'+weekArr[week]+addZero(hours)+':'+addZero(minutes)+':'+addZero(seconds)
//模板字串鍵盤ESC下面的符號`` //如果是變數${變數} vartimeStr=`${year}年${month}月${date}日星期${weekArr[week]}${addZero(hours)}時${addZero(minutes)}分${addZero(seconds)}秒`
//寫入到頁面 //直接通過id=dv使用元素不需要獲取元素 dv.innerHTML=timeStr } //為了防止頁面出現空白所以手動呼叫一次 getTime()
//補0函式 functionaddZero(time){ //判斷傳入的數值是否<0小於則補0 returntime<10?'0'+time:time }
setInterval(getTime,1000) </script> </body>
</html>