实现年月日分秒1秒1刷新

原创 2018-12-27 20:30:20 1517
摘要:代码<!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 代替

发布手记

热门词条