//封裝時間格式函數
function showTime(){ var d = new Date();//獲取當前日期 var year = d.getFullYear();//獲取日期對象的年 var month = d.getMonth() + 1;//獲取日期對象的月 外國人是從0 開始數月份的 var date = d.getDate();//獲取日期對象的天 var week = d.getDay();//一周中的第幾天 var hour = d.getHours();//小時 var min = d.getMinutes();//分鍾 var sec = d.getSeconds();//秒 return year + '年' + doubleNum(month) + '月' + doubleNum(date) + '日 星期' + chineseFromNum(week) + ' ' + doubleNum(hour) + ':' + doubleNum(min) + ':' + doubleNum(sec); } //單數變雙數 function doubleNum(num){ if(num < 10){ return '0' + num; }else{ return num; } } //將數字轉換成中文數字的函數 function chineseFromNum(num){ switch(num){ case 0: return '天'; break; case 1: return '一'; break; case 2: return '二'; break; case 3: return '三'; break; case 4: return '四'; break; case 5: return '五'; break; case 6: return '六'; break; default: return 'error'; break; } }
頁面調用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定義時間格式-實時更新</title> <style> #time1 { margin: 50px auto; width: 400px; height: 100px; background: cyan; line-height: 100px; text-align: center; font-size: 24px; } </style> <script src= "tool.js"></script><!--引入封裝好的自定義日期的js文件--> <script> window.onload = function(){//等頁面加載完畢后執行 var time = document.getElementById('time1');//獲取文檔節點 setInterval(function(){//定時器 time.innerHTML = showTime(); //調用封裝好的函數showTime(); }, 1000) } </script> </head> <body> </body> <div id = 'time1'></div> </html>