1. 程式人生 > 實用技巧 >JS如何實現實時獲取網路時間

JS如何實現實時獲取網路時間

首先我們列出常用的js獲取網路時間的程式碼:

getFullYear()獲取年份
getMonth()獲取月份【0-11】
getDate()獲取日
getHours()獲取小時
getMinutes()獲取分鐘
getSconds()獲取秒【不會自動更新】

注意:

月份獲取:預設月份從0-11,所以我們使用時為達到正常使用的月份,需要在獲取到的月份後“+1”,例如:

document.getElementById("month").innerHTML = d.getMonth()+1+'月';

秒獲取:預設秒時是開啟網頁那一刻的時間,在不重新整理頁面的情況下時間不會自動更新,如需實時獲取,需要使用自動重新整理頁面功能,如下:

window.setInterval("d()",1000);           //setInterval() 方法可按照指定的週期(以毫秒計)來呼叫函式或計算表示式。
//上述程式碼實現每1000毫秒(1秒)更新一次時間

提示:1000 毫秒= 1 秒。

下面給出我的案例:

html部分程式碼:

<div id="year"></div>  /*年*/
<div id="month"></div>/*月*/
<div id="day"> </div>/*日*/
<div id="hour"></div>/*小時*/
<div id
="minute"></div>/*分鐘*/ <div id="second"></div>/*秒*/

js部分程式碼<script>

 window.setInterval("d()",1000);//每1000毫秒更新一次時間
function d(){ var d = new Date(); document.getElementById("year").innerHTML = d.getFullYear()+' 年'; document.getElementById("month").innerHTML = d.getMonth()+1+'月'; //注意此處的“+1” document.getElementById(
"day").innerHTML = '&nbsp;'+d.getDate()+' 日'; document.getElementById("hour").innerHTML =d.getHours()+' 時 '; document.getElementById("minute").innerHTML = d.getMinutes()+' 分'; document.getElementById("second").innerHTML = d.getSeconds()+' 秒'; } </script>