javascript 如何用代码实现实时显示当前时间,并且其中包括年月日周
时间: 2024-05-04 17:15:57 浏览: 115
使用js动态显示当前时间(包括年月日星期以及时分秒)
3星 · 编辑精心推荐
几及具体时间?
实现这个功能,可以使用 javascript 内置的 Date() 函数,通过获取当前时间的年、月、日、星期几、小时、分钟、秒等信息来实现。代码如下:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实时显示当前时间</title>
<script type="text/javascript">
function showTime(){
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var week = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"][now.getDay()];
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
document.getElementById("time").innerHTML = year + "/" + month + "/" + day + " " + week + " " + hour + ":" + minute + ":" + second;
setTimeout(showTime, 1000);
}
</script>
</head>
<body onload="showTime()">
<div id="time"></div>
</body>
</html>
```
在这个代码中,当页面加载完成后,会调用 showTime() 函数来实时更新显示当前时间的区域。该函数通过创建一个 Date() 的实例对象来获取当前时间,然后将其中的年、月、日、星期几、小时、分钟、秒等信息提取出来,最后将这些信息以字符串的形式凭借起来,更新到页面上的指定区域,并将函数本身在 1 秒后再次执行,从而实现实时更新显示当前时间的功能。
阅读全文