使用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
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_44505797/article/details/86535890