【JavaScript中Date对象的常用方法】
【步骤】
(1)先在body中设置页面加载事件:
<body οnlοad="load()">
</body>
(2)定义showRealTime(clock)函数,用于得到当前时间:
<script type="text/javascript">
function showRealTime(clock){
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() + 1;
var date = d.getDate();
var days = new Array("日","一","二","三","四","五","六");
var day = d.getDay();
var hour = (d.getHours() < 10) ? ("0" + d.getHours()) : d.getHours();
var min = (d.getMinutes() < 10) ? ("0" + d.getMinutes()) : d.getMinutes();
var sec = (d.getSeconds() < 10) ? ("0" + d.getSeconds()) : d.getSeconds();
var now = year + "年" + month + "月" + date + "日<br>星期" + days[day] + "<br>" + hour + ":" + min + ":" + sec;
clock.innerHTML = "现在的时间是:" + now;
}
</script>
(3)在load()函数中每隔一秒调用一次showRealTime(clock)函数显示实时时间:
<script type="text/javascript">
function load(){
window.setInterval('showRealTime(clock)',1000);
}
</script>
【代码】完整的代码如下:
<html>
<head>
<title>实时时间</title>
</head>
<script type="text/javascript">
function load(){
window.setInterval('showRealTime(clock)',1000);
}
</script>
<body οnlοad="load()">
<div id="clock"></div>
<script type="text/javascript">
function showRealTime(clock){
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() + 1;
var date = d.getDate();
var days = new Array("日","一","二","三","四","五","六");
var day = d.getDay();
var hour = (d.getHours() < 10) ? ("0" + d.getHours()) : d.getHours();
var min = (d.getMinutes() < 10) ? ("0" + d.getMinutes()) : d.getMinutes();
var sec = (d.getSeconds() < 10) ? ("0" + d.getSeconds()) : d.getSeconds();
var now = year + "年" + month + "月" + date + "日<br>星期" + days[day] + "<br>" + hour + ":" + min + ":" + sec;
clock.innerHTML = "现在的时间是:" + now;
}
</script>
</body>
</html>