Date对象
Date用来封装时间
var time = new Date()//获得客户端的时间
var date = new Date("2019/11/11 00:00:01")//自定义创建一个时间
var date_ms = new Date(46460646460)//计算从1970年开始的微秒数的时间
常用的date方法
运用html+css+JavaScript制作一个实时时钟
制作一个简单但又有趣的时钟的代码如下:
<div id="xxx"></div>
#xxx{
color:blue;
font-size:50px;
margin-left:32%;
margin-top:20%;
}
<script type="text/javascript">
setInterval(function () {
var time = new Date();
var xxx = document.getElementById("xxx");
var year = time.getFullYear();
var month = time.getMonth()+1;
var date = time.getDate();
var hour = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();
xxx.innerHTML = year + "年 " + month + "月 " + date + "日 " + hour + ":" + minutes + ":" + seconds;
},1000)
</script>
首先要熟悉的理解Date对象,需要注意的是date方法中getMonth()需要加一,并运用定时器setInterval每隔1000ms刷新,把时钟展现在一个div中稍作修改样式便制作出一个实时的时钟。