用js實現(xiàn)每隔一秒刷新時間的實例(含年月日時分秒)

2019-11-19 15:05:06

字體：大中小

來源：轉載

供稿：網友

原理：使用定時器,即setInterval(fn,i),每隔i秒執(zhí)行fn。

下面給出具體的代碼

1.代碼如下：

<span style="font-size:14px;"><!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>用js實現(xiàn)每隔一秒刷新時間(含年月日時分秒)</title><style>#time{background:#33F;   color:white;	 height:30px;	 line-height:30px;	 padding:20px;	 font-size:18px;	 width:400px;	 text-align:center;	 margin:0 auto;	 margin-top:200px;}</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()+1; //獲取月份		 var day=time.getDate();  //獲取日期		 var hour=checkTime(time.getHours());  //獲取時		 var minite=checkTime(time.getMinutes()); //獲取分		 var second=checkTime(time.getSeconds()); //獲取秒		 /****當時、分、秒、小于10時，則添加0****/		 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);   //setInterval(fn,i) 定時器，每隔i秒執(zhí)行fn</script></body></html></span><span style="font-size:32px;"></span>

2.效果圖：