完整代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="clock.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>动态显示系统当前日期与时间 </title>
</head>
<script type="text/javascript">
function myclock() {
var datetime = new Date();//获取系统当前时间
var year = datetime.getFullYear();//获取4位数的年份
var month = datetime.getMonth() + 1;//获取月份(0-11)
var day = datetime.getDate();//获取天数
var hour = datetime.getHours();获取小时数
var minute = datetime.getMinutes();//获取分钟数
var second = datetime.getSeconds();获取秒数
month = extra(month);//将天数小于10的处理为两位数
minute = extra(minute);//将小时数小于10的处理为两位数
second = extra(second);//将秒数小于10的处理为两位数
document.getElementById("time").innerHTML = year + "年" + month + "月" + day + "日" + hour + ":" + minute + ":" + second;
}
function extra(x) {
if (x < 10) {
return "0" + x;
}
else {
return x;
}
}
</script>
<body οnlοad="myclock()">
<div>
<p id="time"></p>
</div>
</body>
</html>
效果图如图所示: