首頁 > web前端 > js教程 > js在網頁上顯示時間的程式碼實現

js在網頁上顯示時間的程式碼實現

不言
發布: 2018-08-22 11:43:39
原創
3321 人瀏覽過

這篇文章帶給大家的內容是關於js在網頁上顯示時間的程式碼實現 ,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
			<span id="date1">
			</span>
			
		<script >
		
			function $(num1){
				return num1<10?"0"+num1:num1;
			}
			
			function setTime(){
				var date = new Date();
				var year = date.getFullYear();
				var month = date.getMonth()+1;
				var day = date.getDate();//在使用天数的时候使用date来得到
				var week = date.getDay();//getday得到的是一周内的第几天
				console.log();
				var hour = date.getHours();
				var minute = date.getMinutes();
				var second = date.getSeconds();
				var time = year+"-"+$(month)+&#39;-&#39;+$(day)+"  "+$(hour)+":"+$(minute)+":"+$(second);
				document.getElementById("date1").innerHTML=time;
			}
			setTime();
			setInterval(&#39;setTime()&#39;,500);
		</script>
	</body>
</html>
登入後複製

使用javascript的一個小技巧,先是取得各個時間,在透過函數結合在一起,然後透過document.getElementById().innerHTML=結合後時間。來列印。

注意的是,在使用setinterval()之前需要呼叫一次函數(為了防止頁面一開始開啟時空白)。

相關推薦:

JavaScript在網頁中動態顯示目前日期和時間

js實作在網頁上簡單顯示時間的方法_javascript技巧

以上是js在網頁上顯示時間的程式碼實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板