首页 > 开发 > JS > 正文

详解js实时获取并显示当前时间的方法

2024-05-06 16:50:44
字体:
来源:转载
供稿:网友

本文实例为大家分享了js实时获取并显示当前时间l的具体代码,供大家参考,具体内容如下

js部分如下:

<script type="text/javascript"> window.onload = function() { var show = document.getElementById("show"); setInterval(function() {  var time = new Date();  // 程序计时的月从0开始取值后+1  var m = time.getMonth() + 1;  var t = time.getFullYear() + "-" + m + "-"   + time.getDate() + " " + time.getHours() + ":"   + time.getMinutes() + ":" + time.getSeconds();  show.innerHTML = t; }, 1000); };</script>

html部分如下:

<div id="show"></div>

第二种

<!DOCTYPE html><html lang="en"><head><meta charset="gb2312"><title></title><script type="text/javascript"> window.onload=function(){ setInterval(function(){  var date=new Date();  var year=date.getFullYear(); //获取当前年份  var mon=date.getMonth()+1; //获取当前月份  var da=date.getDate(); //获取当前日  var day=date.getDay(); //获取当前星期几  var h=date.getHours(); //获取小时  var m=date.getMinutes(); //获取分钟  var s=date.getSeconds(); //获取秒  var d=document.getElementById('Date');  d.innerHTML='当前时间:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s; },1000) }</script></head><body><div id="Date"> </div></body></html>

以上所述是小编给大家介绍的js实时获取并显示当前时间的方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对VeVb武林网网站的支持!


注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表