js實現以秒為單位刷新時間

來源：懂視網責編：小采時間：2020-11-27 19:54:36

js實現以秒為單位刷新時間

js實現以秒為單位刷新時間:這次給大家帶來js實現以秒為單位刷新時間，js實現以秒為單位刷新時間的注意事項有哪些，下面就是實戰案例，一起來看一下。原理：使用定時器,即setInterval(fn,i),每隔i秒執行fn。下面給出具體的代碼 1.代碼如下：<span style="fon

推薦度：

點擊下載本文 文檔為doc格式

導讀js實現以秒為單位刷新時間:這次給大家帶來js實現以秒為單位刷新時間，js實現以秒為單位刷新時間的注意事項有哪些，下面就是實戰案例，一起來看一下。原理：使用定時器,即setInterval(fn,i),每隔i秒執行fn。下面給出具體的代碼 1.代碼如下：<span style="fon

這次給大家帶來js實現以秒為單位刷新時間，js實現以秒為單位刷新時間的注意事項有哪些，下面就是實戰案例，一起來看一下。

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

下面給出具體的代碼

1.代碼如下：

<span style="font-size:14px;"><!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>用js實現每隔一秒刷新時間(含年月日時分秒)</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>
	<p id="time"></p>
	<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秒執行fn
</script>
</body>
</html></span><span style="font-size:32px;">
</span>

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

js實現以秒為單位刷新時間

推薦度：

點擊下載本文 文檔為doc格式

標簽：時間更新刷新時間

熱門焦點

js實現以秒為單位刷新時間

js實現以秒為單位刷新時間

js實現以秒為單位刷新時間

最新推薦

猜你喜歡

熱門推薦