專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時間：2022-05-06 09:13:07 來源：動力節點 瀏覽3686次
動力節點小編將告訴大家如何使用 JavaScript 在 HTML 中顯示當前系統日期和時間。
將舉一個例子，使用 javascript document.getElementById(“ID”).innerHTML 在 H2 html 標簽中顯示當前日期和時間。以及顯示當前日期名稱。
JavaScript 代碼
var today = new Date();
var day = today.getDay();
var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"];
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
var dateTime = date+' '+time;
document.getElementById("displayDateTime").innerHTML = dateTime + ' <br> Day :- ' + daylist[day];
帶有 JavaScript 的 HTML 源代碼
<html>
<head>
<title>Display Current Date and Time in Html using Javascript</title>
</head>
<body>
<h1>Get current date using JavaScript.</h1>
<h2 id="displayDateTime"></h2>
</body>
<script type="text/javascript">
var today = new Date();
var day = today.getDay();
var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"];
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
var dateTime = date+' '+time;
document.getElementById("displayDateTime").innerHTML = dateTime + ' <br> Day :- ' + daylist[day];
</script>
</html>
您可以了解有關 JavaScript 日期和時間方法的更多信息：
采用 Date() 方法在 JavaScript 中創建具有當前日期和時間的對象。這提供了 UTC 時區的輸出。
var today = new Date();
1. JavaScript 中的當前日期
使用以下腳本以“ Ymd ”格式使用 JavaScript 獲取當前日期。
var today = new Date();
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
getFullYear() – 提供當前年份，如 2020 年。
getMonth() – 提供當前月份值 0-11。其中 0 表示 1 月，11 表示 12 月。因此添加 +1 以獲得結果。
getDate() – 提供月份值 1-31。
2. JavaScript 中的當前時間
使用以下腳本以“ H:i:s ”格式使用 JavaScript 獲取當前時間。
var today = new Date();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
getHours() – 提供 0-23 之間的當前小時。
getMinutes() – 提供 0-59 之間的當前分鐘數。
getSeconds() – 提供 0-59 之間的當前秒數。
3. JavaScript 中的當前日期和時間
使用以下腳本以“ Ymd H:i:s ”格式使用 JavaScript 獲取當前日期和時間。您可以簡單地將上述 JavaScript 代碼的輸出合并到一個變量中，如下所示：
var today = new Date();
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
var dateTime = date+' '+time;
以上就是關于“使用JavaScript在HTML獲取當前時間”的介紹，大家如果想了解更多相關知識，可以關注一下動力節點的HTML教程，里面的課程內容更加豐富，希望對大家的學習能夠有所幫助哦。
Java實驗班
0基礎 0學費 15天面授
Java就業班
有基礎 直達就業
Java夜校直播班
業余時間 高薪轉行
Java在職加薪班
工作1~3年，加薪神器
Java架構師班
工作3~5年，晉升架構
提交申請后，顧問老師會電話與您溝通安排學習
官方微信
官方抖音
京公網安備 11030102010736號