一、创建一个Date()对象
1、使用new关键字和Date()来创建新的当前系统时间对象
var today=new Date();
2、使用new关键字和Date()创建,但是参数可以是一个日期时间的一个字符串
var yestoday=new Date(ldquo;2019/11/15 10:30:00rdquo;);
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、时间日期信息在一个lt;divgt;中显示;
2、定时器:每隔1秒再次访问系统时间,window对象的setTimeout()。
3、时钟显示时机:在网页加载完成后才显示,事件onload。
4、将时间日期信息写到指定的lt;divgt;中,DOM对象中的innerHTML属性。
*/
lt;div id=rdquo;resultrdquo;gt;
lt;/divgt;
lt;style type=rdquo;text/cssrdquo;gt;
#result{
width: 500px;
height: 300px;
border: 1px;
background-color: cyan;
margin: 50px auto;
padding: 10px 10px;
}
lt;/stylegt;
lt;script type=rdquo;text/javascriptrdquo;gt;
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 = monthlt;10 ? ldquo;0rdquo;+month : month;
day = day lt;10 ? ldquo;0rdquo;+day : day;
hour = hourlt;10 ? ldquo;0rdquo;+hour : hour;
minute = minutelt;10 ? ldquo;0rdquo;+minute : minute;
second = secondlt;10 ? ldquo;0rdquo;+second : second;
//构建输出字符串
var str=rdquo;lt;h2gt;现在是:rdquo;+year+rdquo;年rdquo;+month+rdquo;月rdquo;+day+rdquo;日rdquo;+hour+rdquo;点rdquo;+minute+rdquo;分rdquo;+second+rdquo;秒lt;/h2gt;rdquo;;
//获取id=rdquo;resultrdquo;的对象
var obj=document.getElementById(ldquo;resultrdquo;);
//将str写入id=rdquo;resultrdquo;的层中
obj.innerHTML=str;
//设置定时器
window.setTimeout(ldquo;showtime()rdquo;,1000);
}
showtime();
lt;/scriptgt;