制作显示年、月、日、星期几,并且显示上午(AM)和下午(PM)的十二进制的时钟(动态显示),代码如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h3>你好,欢迎访问贵美商城!</h3>
<p id="date"></p>
</body>
<script>
function time() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth();
var day = date.getDate();
var hour = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
var week = date.getDay();
if(week == 1) {
week = "一";
}
if(week == 2) {
week = "二";
}
if(week == 3) {
week = "三";
}
if(week == 4) {
week = "四";
}
if(week == 5) {
week = "五";
}
if(week == 6) {
week = "六";
}
if(week == 7) {
week = "日";
}
var am = "";
if(hour >= 0 && hour <= 12) {
am = "AM";
} else {
am = "PM"
}
document.getElementById("date").innerHTML =
year + "年" + month + "月" + day + "日" + " " + hour + "分" + minutes + "时" + seconds +"秒"+ " " + am + " " + "星期" + week;
}
onload = function() {
setInterval("time()", 1000);
}
</script>
</html>
运行结果如下图所示: