一、创建一个Date()对象
1、使用new关键字和Date()来创建新的当前系统时间对象
var today=new Date();
2、使用new关键字和Date()创建,但是参数可以是一个日期时间的一个字符串
var yestoday=new Date(“2019/11/15 10:30:00”);
3、使用new关键字和Date()来创建,但是参数是日期时间的数值,包括年、月、日、时、分、秒。
var yestoday=new Date(year,month,day,hour,minutes,milliseconds);
说明:各个参数顺序不可颠倒,参数可以从右到左省略,但是年、月、日必须写
举例:var yestoday=new Date(2019,11,16,10);
二、Date()对象的方法
1、getFullYear();//取得四位数的年份;
2、getMonth();//取得当前月份;
3、getDate();//取得当前日期;
4、getHours();//取得当前小事数;
5、getMinutes();//取得分钟数;
6、getSecond();//取得秒数;
7、getMilliSecond();//取得毫秒数;
8、getTime();//取得1970年1月1日到现在的秒数;
9、toLocaleString();//用本地字符串来显示日期时间信息;
10、toLocaleDateString();//用本地字符串来显示日期信息。
实例:动态时钟创建方法
在网页的某个层中实现动态时钟。
//实例:动态时钟
/*
1、时间日期信息在一个<div>中显示;
2、定时器:每隔1秒再次访问系统时间,window对象的setTimeout()。
3、时钟显示时机:在网页加载完成后才显示,事件onload。
4、将时间日期信息写到指定的<div>中,DOM对象中的innerHTML属性。
*/
<div id=”result”>
</div>
<style type=”text/css”>
#result{
width: 500px;
height: 300px;
border: 1px;
background-color: cyan;
margin: 50px auto;
padding: 10px 10px;
}
</style>
<script type=”text/javascript”>
function showtime()
{
var today=new Date();
//分别取出年、月、日、时、分、秒
var year=today.getFullYear();
var month=today.getMonth()+1;
var day=today.getDate();
var hour=today.getHours();
var minute=today.getMinutes();
var second=today.getSeconds();
//如果是单数,则前面补0
month = month<10 ? “0”+month : month;
day = day <10 ? “0”+day : day;
hour = hour<10 ? “0”+hour : hour;
minute = minute<10 ? “0”+minute : minute;
second = second<10 ? “0”+second : second;
//构建输出字符串
var str=”<h2>现在是:”+year+”年”+month+”月”+day+”日”+hour+”点”+minute+”分”+second+”秒</h2>”;
//获取id=”result”的对象
var obj=document.getElementById(“result”);
//将str写入id=”result”的层中
obj.innerHTML=str;
//设置定时器
window.setTimeout(“showtime()”,1000);
}
showtime();
</script>