原理：使用定時器,即setInterval(fn,i),每隔i秒執行fn。
下面給出具體的代碼
1.代碼如下：
<span ><!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>
<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秒執行fn
</script>
</body>
</html></span><span >
</span>
2.效果圖：
以上這篇用js實現每隔一秒刷新時間的實例(含年月日時分秒)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
