效果图
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}" />
<title>js获取当前时间并实时刷新</title>
<script>
//页面加载调用
window.onload = function() {
//每1秒刷新时间
setInterval("NowTime()", 1000);
};
function NowTime() {
//获取年月日
var time = new Date();
var year = time.getFullYear();
var month = time.getMonth();
var day = time.getDate();
//获取时分秒
var h = time.getHours();
var m = time.getMinutes();
var s = time.getSeconds();
//检查是否小于10
h = check(h);
m = check(m);
s = check(s);
document.getElementById("nowtime").innerHTML =
"当前时间：" +
year +
"年" +
month +
"月" +
day +
"日 " +
h +
":" +
m +
":" +
s;
}
//时间数字小于10，则在之前加个“0”补位。
function check(i) {
//方法一，用三元运算符
var num;
i < 10 ? (num = "0" + i) : (num = i);
return num;
//方法二，if语句判断
//if(i<10){
// i="0"+i;
//}
//return i;
}
</script>
</head>
<body>
<div id="nowtime">在这里显示时间</div>
</body>
</html>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。