动态实现客户端系统时间的显示

最新推荐文章于 2023-04-28 11:49:17 发布

原创最新推荐文章于 2023-04-28 11:49:17 发布 · 741 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #date #html #import #jsp #java

js javascript web 系统时间专栏收录该内容

1 篇文章

订阅专栏

用js显示当先系统时间是大多数网站都会有的，下面是我写的代码，有些不足的地方还请高手指点

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>My JSP 'sytemTime.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

<script type="text/javascript">
window.onload = function() {
alert("进行测试");

window.setInterval("display(document.getElementById('clock'))", 1000);
}
function display(ele) {
var date = new Date();
this.year = date.getYear();
this.month = date.getMonth() + 1;
this.date = date.getDate();

this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();

ele.innerHTML = "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
}
</script>
</head>

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