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>