下面的代码介绍了如何创建Date对象,获取属性,设置属性,转换日期格式的方法,最后用实现了一个简易的时钟。
代码:
!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script language="javascript">
function format(s)
{
return s.length == 1 ? '0'+s : s ;
}
//实现一个小时钟
function start()
{
var t = new Date();
var year = format(t.getFullYear().toString());
var month = format((t.getMonth()+1).toString());
var day = format(t.getDate().toString());
var hour = format(t.getHours().toString());
var min = format(t.getMinutes().toString());
var sec = format(t.getSeconds().toString());
//显示时分秒
show.innerHTML = year + "年" + month + "月" + day + "日 " + hour +"时"+min + "分" + sec + "秒";
//调用window对象的定时器方法,设置要调用的函数、时间间隔
timer = setTimeout("start()",1000);
}
</script>
</head>
<body οnlοad="start()" οnunlοad="clearTimeout(timer);">
<script language="javascript">
var t = new Date();
document.write("<br>"+ t.getDate()); // 1-31
document.write("<br>"+ t.getDay()); // 0-6
document.write("<br>"+ t.getMonth()); // 0-11
document.write("<br>"+ t.getFullYear()); //2017
document.write("<br>"+ t.getYear());
document.write("<br>"+ t.getHours());
document.write("<br>"+ t.getMinutes());
document.write("<br>"+ t.getSeconds());
document.write("<br>"+ t.getMilliseconds()); //毫秒数
document.write("<br>"+ t.getTime()+"<hr>"); //自1970-01-01开始到现在的毫秒数
//重新设置日期时间
t.setDate(1);
t.setMonth(11); //12月
t.setFullYear(2016);
t.setHours(18);
t.setMinutes(20);
t.setSeconds(30);
//t.setMilliseconds();
//t.setTime();
//转换函数
document.write("<br>" + t.getTimezoneOffset()); //本地时间与格林威治时间的时间差,单位分钟
document.write("<br>"+ t.toLocaleString()); //转为:本地时间的字符串
document.write("<br>"+ t.toGMTString()); //转为:格林威治时间的字符串
document.write("<br>"+ Date.parse(t)); //转为:本地时间的字符串
document.write("<br>"+ Date.UTC(t)); //返回从1970-01-01到gmt时间的毫秒数
</script>
<h1>
<center>
<div id="show"></div>
</center>
<h1>
</body>
</html>