JavaScript實現自定義日期時間
阿新 • • 發佈:2019-02-13
dig doctype 數組存儲 timeout 格式 content charset idt digi
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> </head> <body> <div id="date"></div> <div id="msg"></div> <script> // 動態時鐘 function showDateTime() { var sWeek = new Array("日", "一", "二", "三", "四", "五", "六"); //聲明數組存儲一周七天 var myDate = new Date(); //獲取當天日期 var sYear = myDate.getFullYear(); //獲取年 var sMonth = myDate.getMonth() + 1; //獲取月 var sDate = myDate.getDate(); //獲取日 var sDay = sWeek[myDate.getDay()]; //根據得到的數字星期,利用數組轉化為星期 var h = myDate.getHours(); //獲取小時 var m = myDate.getMinutes(); //獲取分鐘 var s = myDate.getSeconds(); //獲取秒 //輸入日期和星期 document.getElementById("date").innerHTML = (sYear + "年 " + sMonth + "月 " + sDate + "日 " + "星期" + sDay + "<br/>"); h = formatTwoDigits(h); //格式化小時,如果不足兩位在前面補0 m = formatTwoDigits(m); //格式化分鐘,如果不足兩位在前面補0 s = formatTwoDigits(s); //格式化秒鐘後,如果不足兩位在前面補0 //顯示時間 document.getElementById("msg").innerHTML = (h + ":" + m + ":" + s + "<br/>"); setTimeout("showDateTime()", 1000);//每秒執行一次showDateTime函數 //如果輸入數是一位數,則在十位上補0 function formatTwoDigits(s) { if (s < 10) return "0" + s; else return s; } } showDateTime() </script> </body> </html>
JavaScript實現自定義日期時間