您的位置：首页 > Web前端 > JavaScript

JavaScript学习笔记35-Date对象

2017-04-30 12:15 225 查看

前面简单介绍了Math对象，本文介绍Date对象，Date主要是获取日期和时间的一个接口。

我们先来看看打印一个当前时间，一秒打印一次当前时间。

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>

<script type ="text/javascript">

function printTime(){
var now = new Date();
var hours = now.getHours();
var mins = now.getMinutes();
var seconds = now.getSeconds();
document.write(hours+":"+mins+":"+seconds+"<br/>");

}
setInterval("printTime()",1000);

</script>

</body>
</html> 接下来，我们写一个显示年月日和时分秒，而且只在一个位置显示，不像前面显示多行。
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>

<div class="show_time">
<div id="showTime">显示时间的位置</div>
</div>

<script type ="text/javascript">

function printTime(){
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth()+1; // JS获取的月份是从0开始
var day = now.getDate();
var hours = now.getHours();
var mins = now.getMinutes();
var seconds = now.getSeconds();
//document.write(hours+":"+mins+":"+seconds+"<br/>");
document.getElementById("showTime").innerHTML=""+year+"年"+month+"月"+day+"日 "+" "+hours+":"+mins+":"+seconds;

}
setInterval("printTime()",1000);

</script>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航