摘要:代码<!DOCTYPE html><html><head><meta charset="UTF-8"><title>用js实现每隔一秒刷新时间(年月日时分)</title><style>#time {background: #000;color: #fff;height: 50px;width:
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用js实现每隔一秒刷新时间(年月日时分)</title>
<style>
#time {background: #000;color: #fff;height: 50px;width: 400px;text-align: center;line-height: 50px;margin: 0 auto;}
</style>
</head>
<body>
<div id="time"></div>
<script type="text/javascript">
setInterval(function(){
var time=new Date();
var year=time.getFullYear();
var month=time.getMonth();
var day=time.getDate();
var hour=checkTime(time.getHours());
var minite=checkTime(time.getMinutes());
var second=checkTime(time.getSeconds());
function checkTime (i) {
if(i<10) return "0"+i;
return i;
}
var box=document.getElementById("time");
box.innerHTML=year+"年"+month+"月"+day+"日"+hour+"时"+minite+"分"+second+"秒";
},1000);
</script>
</body>
</html>
批改老师:天蓬老师批改时间:2018-12-28 09:32:09
老师总结:var 以后要少用,推荐用: let / const 代替