<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body οnlοad="clock_12h()">
<h1>你好，欢迎访问贵美商城</h1>
<h4 id="times"></h4>
<script>
function clock_12h() {
var today = new Date();
var hour = today.getHours();
var add = "";
if(hour<12){
add = "AM";
}else {
add = "PM";
}
if(hour>12){
hour=hour-12
}
document.getElementById("times").innerHTML=today.getFullYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"+"\t"+hour+":"+today.getMinutes()+":"+today.getSeconds()+"\t"+add+"\t"+"星期"+today.getDay();
}
setInterval("clock_12h()",1000);
</script>
</body>
</html>
本文介绍了一个简单的HTML页面中使用JavaScript实现的12小时制实时钟功能，通过setInterval定时更新显示当前日期、时间以及AM/PM标识。
扫一扫
128
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
