效果
1.创建日期对象
var dateodj=new Date();
显示效果
2.传参(创建指定时间)
var time=new Date(2015,1,1,0,0,0);
注意:js中的月份是0-11月 传参是记得把月份减1
3.获取日期方法
getFullYear() 获取年份
getMonth() 获取月份(0-11)
getDate() 获取日信息(1-31)
getHours() 获取小时(0-23)
getMinutes() 获取分钟(0-59)
getSeconds() 获取秒钟(0-59)
getDay() 获取星期几(0代表周日 1-6代表周一至周六)
getTime() 获取日期对象中的日期距离1970年1月1日相差多少毫秒
3.修改时间
dateodj.setFullYear(2020);
1.页面布局
<h1 id="show">当前时间是:<span></span>年<span></span>月<span></span>日<span></span>时<span></span>分<span></span>秒</h1>
2.定时器显示
1)获取需要显示的空位
var show=document.getElementById("show").getElementsByTagName("span");
2)定时器,每一秒获取一下新时间
setInterval(function(){
},100)
3.时间显示
var timer=new Date();
show[0].innerHTML=timer.getFullYear();
show[1].innerHTML=timer.getMonth();
show[2].innerHTML=timer.getDate();
show[3].innerHTML=timer.getHours();
show[4].innerHTML=timer.getMinutes();
show[5].innerHTML=timer.getSeconds();
3.源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1 id="show">当前时间是:<span></span>年<span></span>月<span></span>日<span></span>时<span></span>分<span></span>秒</h1>
</body>
<script>
var show=document.getElementById("show").getElementsByTagName("span");
setInterval(function(){
var timer=new Date();
show[0].innerHTML=timer.getFullYear();
show[1].innerHTML=timer.getMonth();
show[2].innerHTML=timer.getDate();
show[3].innerHTML=timer.getHours();
show[4].innerHTML=timer.getMinutes();
show[5].innerHTML=timer.getSeconds();
},100)
</script>
</html>