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 = ' '+d.getDate()+' 日'; document.getElementById("hour").innerHTML =d.getHours()+' 时 '; document.getElementById("minute").innerHTML = d.getMinutes()+' 分'; document.getElementById("second").innerHTML = d.getSeconds()+' 秒'; } </script>
时间仓促,如有错误欢迎指出,欢迎在评论区讨论,如对您有帮助还请点个推荐、关注支持一下
作者:莫颀
出处:https://www.cnblogs.com/bokemoqi/p/13610177.html
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文链接,否则保留追究法律责任的权利。
若内容有侵犯您权益的地方,请公告栏处联系本人,本人定积极配合处理解决。