快捷導(dǎo)航

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

更新時間：2017年10月25日 11:24:51 投稿：jingxian

下面小編就為大家?guī)硪黄胘s實現(xiàn)每隔一秒刷新時間的實例(含年月日時分秒)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

原理：使用定時器,即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()); //獲取秒
		 /****當(dāng)時、分、秒、小于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.效果圖：

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

您可能感興趣的文章:

相關(guān)文章

webpack打包中path.resolve(__dirname, 'dist')的含義解
這篇文章主要介紹了webpack打包中path.resolve(__dirname, 'dist')的含義解析,path:path.resolve(__dirname, 'dist')就是在打包之后的文件夾上拼接了一個文件夾，在打包時，直接生成，本文給大家講解的非常詳細，需要的朋友可以參考下
2023-05-05
JS獲取表格視圖所選行號的ids過程解析
這篇文章主要介紹了JS獲取表格視圖所選行號的ids過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-02-02
js 點擊按鈕彈出另一頁，選擇值后，返回到當(dāng)前頁
js 點擊按鈕彈出另一頁，選擇值后，返回到當(dāng)前頁，其實主要用于cms系統(tǒng)中，相關(guān)文章的搜索，要在已上傳目錄中選擇一些圖片等。
2010-05-05
網(wǎng)頁禁用右鍵實現(xiàn)代碼（JavaScript代碼）
網(wǎng)頁禁用右鍵的代碼，我們可以不少網(wǎng)站在使用，讓別人復(fù)制什么的麻煩，但破解方法也比較簡單。這里就不說了，如果想知道的可以參考腳本之家以前發(fā)布的文章。
2009-10-10
請求時token過期自動刷新token操作
這篇文章主要介紹了請求時token過期自動刷新token操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-09-09
webpack學(xué)習(xí)教程之publicPath路徑問題詳解
這篇文章主要給大家介紹了webpack學(xué)習(xí)教程之publicPath路徑問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。
2017-06-06
js讀取注冊表的鍵值示例
讀取注冊表的鍵值的方法有很多，在本文將為大家詳細介紹下使用js如何實現(xiàn)注冊表的鍵值讀取，感興趣的朋友可以參考下
2013-09-09
JavaScript實現(xiàn)二叉搜索樹
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)二叉搜索樹，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-03-03
Javascript 區(qū)別瀏覽器代碼
用來區(qū)別多個瀏覽器的代碼，其實在具體的使用中，一般只要區(qū)分ie跟firefox.
2009-07-07
Javascript實現(xiàn)表單檢驗
這篇文章主要介紹了Javascript實現(xiàn)表單檢驗，以注冊界面為例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-06-06