使用JavaScript获取当前时间并显示出来

开发工具与关键技术:DW html JavaScript
作者:Mr_肖先生
撰写时间:2019年1月18日

首先我们需要创建一个html文件,再创建一个js文件,然后引入js文件,我们给html嵌一个div盒子,里面添加一个id名叫timer,在js里需要用到,备注:id名字是自定义的,可以任意,但是要规范。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用JavaScript获取当前时间并显示出来</title>
</head>
<body><div id="timer"></div><script src="js/animation.js"></script>
</body>	
</html>

在js文件中,我们写个页面加载事件,在页面加载事件里,我们设置一个定时器,在
定时器里我们创建一个关于日期的对象,然后通过对象获取当前年、月、日、时、分、秒的值,最后通过我们前面设置的id=timer的,让它输出显示在屏幕上

// JavaScript Document
window.function(){	setInterval(function(){   var date=new Date();   var year=date.getFullYear(); //获取当前年份   var month=date.getMonth()+1; //获取当前月份   var dat=date.getDate(); //获取当前日   var day=date.getDay(); //获取当前星期几   var hour=date.getHours(); //获取小时   var minutes=date.getMinutes(); //获取分钟   var second=date.getSeconds(); //获取秒   var timer=document.getElementById('timer');    timer.innerHTML='当前时间:'+year+'年'+month+'月'+dat+'日'+'星期'+day+' '+hour+':'+minutes+':'+second;  },1000)  };

代码可直接复制粘贴查看效果!!!
效果如下图:

这里面的时间是在动的喔,由于是截图所以只能是这样了,这样我们就获取到了当前的时间并显示出来了
js需根据自己实际创建的目录引入才行!!!

关于上面的innerHTML