JavaScript实时显示系统时间

最新推荐文章于 2024-12-09 09:57:25 发布

兰陵笑笑生625

最新推荐文章于 2024-12-09 09:57:25 发布

阅读量548

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/sinat_35010585/article/details/52366539

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的实时更新的HTML页面时钟。通过设置定时器每秒更新时间显示，实现了日期、星期及时间的动态展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function relTime(clock){
var now = new Date();
var day = now.getDay();
var year = now.getFullYear();
var month = now.getMonth();
var date = now.getDate();
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
var week = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var time = year+"年"+(month+1)+"月"+date+"日"+week[day]+" "+hour+":"+minute+":"+second;
clock.innerHTML="当前时间:"+time;
}
window.onload=function(){
window.setInterval("relTime(clock)",1000);
}
</script>
</head>

<body>
<div id="clock"></div>
</body>
</html>