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>2.效果圖：
相關推薦：
以上是js實作每隔一秒刷新時間實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
在 iPhone 上刷新網頁的 6 種方法
Feb 05, 2024 pm 02:00 PM
當您在iPhone上瀏覽網頁時，載入的內容會暫時存儲，只要瀏覽器應用程式保持開啟。然而，網站會定期更新內容，因此刷新頁面是清除舊資料並查看最新發佈內容的有效方法。這樣，您可以始終獲得最新的資訊和體驗。如果您想在iPhone上刷新頁面，以下貼文將向您解釋所有方法。如何在Safari上刷新網頁[4種方法]有幾種方法可以刷新您在iPhone上的Safari瀏覽器App上查看的頁面。方法1：使用「刷新」按鈕刷新您在Safari瀏覽器上開啟的頁面的最簡單方法是使用瀏覽器標籤列上的「刷新」選項。如果Safa
F5刷新金鑰在Windows 11中不起作用
Mar 14, 2024 pm 01:01 PM
您的Windows11/10PC上的F5鍵是否無法正常運作？ F5鍵通常用於刷新桌面或資源管理器或重新載入網頁。然而，我們的一些讀者報告說，F5鍵正在刷新他們的計算機，並且無法正常工作。如何在Windows11中啟用F5刷新？要刷新您的WindowsPC，只需按下F5鍵即可。在某些筆記型電腦或桌上型電腦上，您可能需要按下Fn+F5組合鍵才能完成刷新操作。為什麼F5刷新不起作用？如果按下F5鍵無法刷新您的電腦或在Windows11/10上遇到問題，可能是因為功能鍵被鎖定。其他潛在原因包括鍵盤或F5鍵
抖音10級燈牌多少錢？ 10級粉絲燈牌需要幾天？
Mar 11, 2024 pm 05:37 PM
在抖音平台上，許多用戶都渴望獲得等級認證，其中10級燈牌更是展示用戶在抖音上的影響力和認可度。本文將深入探討抖音10級燈牌的價格以及達到此等級所需的時間，以幫助使用者更了解此過程。一、抖音10級燈牌多少錢？抖音10級燈牌的價格會受市場波動和供需情況的影響而有所差異，一般價格在幾千元到萬元之間。這個價格主要包括燈牌本身的成本和可能的服務費用。用戶可透過抖音官方管道或第三方服務機構購買10級燈牌，但在購買時要留意選擇合法管道，以免遭遇虛假或詐欺交易。二、10級粉絲燈牌要幾天？達到10級燈牌
艾爾登法環通關需要多久
Mar 11, 2024 pm 12:50 PM
玩家在艾爾登法環中進行遊戲時可以體驗遊戲主線劇情，以及收集遊戲成就，有很多玩家不知道艾爾登法環通關需要多久，玩家的通關流程在30個小時。艾爾登法環通關需要多久答：30小時。 1、這個30小時的通關時長指的雖然不是高手般的速通，但也省略了許多的流程。 2.如果你想獲得更好的遊戲體驗或是體驗完整的劇情，那麼時長上肯定要花費更多的時間。 3.如果玩家是全收集大約要100-120小時。 4.如果是只走主線刷BOSS大約：50-60小時。 5.如果是想全部體驗：150小時打底。
如何快速刷新網頁？
Feb 18, 2024 pm 01:14 PM
頁面刷新在我們日常的網路使用中非常常見，當我們訪問一個網頁後，有時會遇到一些問題，例如網頁加載不出來或顯示不正常等。這時候我們通常會選擇刷新頁面來解決問題，那麼要如何快速刷新頁面呢？下面我們就來探討頁面刷新的快捷鍵。頁面刷新快捷鍵是一種透過鍵盤操作來快速刷新目前網頁的方法。在不同的作業系統和瀏覽器中，頁面刷新的快捷鍵可能有所不同。下面我們以常見的W
小紅書發佈作品時間怎麼設定？發布作品時間準確嗎？
Mar 24, 2024 pm 01:31 PM
小紅書，一個充滿生活氣息與知識分享的平台，讓越來越多的創作者在這裡暢所欲言。要想在小紅書上獲得更多的關注和點贊，除了內容品質之外，發布作品的時間也是至關重要的。那麼，如何設定小紅書發布作品的時間呢？一、小紅書發布作品時間怎麼設定？ 1.了解用戶活躍時間首先，需要先明確小紅書用戶的活躍時間。通常來說，晚上8點到10點以及週末下午是用戶活躍度較高的時段。然而，這個時段也會受到受眾群體和地理等因素的影響而有所不同。因此，為了更能掌握用戶活躍時段，建議對不同族群的行為習慣進行更詳細的分析。透過了解用戶的活
Linux 檔案時間查看技巧詳解
Feb 21, 2024 pm 01:15 PM
Linux檔案時間檢視技巧詳解在Linux系統中，檔案的時間資訊對於檔案管理和追蹤變更非常重要。 Linux系統透過三種主要時間屬性來記錄檔案的變更訊息，分別是存取時間（atime）、修改時間（mtime）和變更時間（ctime）。本文將詳細介紹如何查看和管理這些文件時間信息，並提供具體的程式碼範例。 1.查看文件時間資訊透過使用ls指令結合參數-l可以列出文
簡易JavaScript教學：取得HTTP狀態碼的方法
Jan 05, 2024 pm 06:08 PM
JavaScript教學：如何取得HTTP狀態碼，需要具體程式碼範例前言：在Web開發中，經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時，我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功，並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼，並提供一些實用的程式碼範例。使用XMLHttpRequest
