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

發(fā)布時(shí)間：2020-08-23 11:02:06 來(lái)源：腳本之家閱讀：329 作者：jingxian 欄目：web開(kāi)發(fā)

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

下面給出具體的代碼

1.代碼如下：

<span ><!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>用js實(shí)現(xiàn)每隔一秒刷新時(shí)間(含年月日時(shí)分秒)</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());  //獲取時(shí)
		 var minite=checkTime(time.getMinutes()); //獲取分
		 var second=checkTime(time.getSeconds()); //獲取秒
		 /****當(dāng)時(shí)、分、秒、小于10時(shí)，則添加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) 定時(shí)器，每隔i秒執(zhí)行fn
</script>
</body>
</html></span><span >
</span>

2.效果圖：

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

以上這篇用js實(shí)現(xiàn)每隔一秒刷新時(shí)間的實(shí)例(含年月日時(shí)分秒)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽