<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>jQuery實現動態時間</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script> function datetime() { //創建日期時間對象 var datetime = new Date(); //獲取組件 var year = datetime.getFullYear(); var month = datetime.getMonth() + 1; var day = datetime.getDate(); var hour = datetime.getHours(); var minute = datetime.getMinutes(); var second = datetime.getSeconds(); var week = datetime.getDay(); //轉換星期格式 switch (week) { case 0: var week = '星期日'; break; case 1: var week = '星期一'; break; case 2: var week = '星期二'; break; case 3: var week = '星期三'; break; case 4: var week = '星期四'; break; case 5: var week = '星期五'; break; case 6: var week = '星期六'; break; } //小時,分鍾,秒如果小於10加上前導零 if (hour < 10) { var hour = 0 + "" + hour; } if (minute < 10) { var minute = 0 + "" + minute; } if (second < 10) { var second = 0 + "" + second; } //完整時間 var now = year + "年" + month + "月" + day + "日" + " " + hour + ":" + minute + ":" + second + " " + week; //更新內容 $("p").text(now);//這里是往p標簽中添加 } </script> </head> <body> <p></p> <script> //定時器 setInterval(datetime, 1000); </script> </body> </html>