js-Code-Implementierung zur Anzeige der Zeit auf einer Webseite-js-Tutorial-php.cn

js-Code-Implementierung zur Anzeige der Zeit auf einer Webseite

不言

Freigeben： 2018-08-22 11:43:39

Original

3279 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit der Code-Implementierung der JS-Anzeigezeit auf der Webseite. Ich hoffe, dass er für Sie hilfreich ist.

<!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>

Nach dem Login kopieren

Ein kleiner Trick mit JavaScript: Holen Sie sich zuerst die verschiedenen Zeiten, kombinieren Sie sie über Funktionen und verwenden Sie dann document.getElementById().innerHTML=die kombinierten Zeiten. zu drucken.

Beachten Sie, dass die Funktion vor der Verwendung von setinterval() einmal aufgerufen werden muss (um zu verhindern, dass die Seite beim ersten Öffnen leer ist).

Verwandte Empfehlungen:

JavaScript zeigt dynamisch das aktuelle Datum und die aktuelle Uhrzeit auf der Webseite an

JS implementiert die einfache Anzeige die Webseite Time method_javascript skills

Das obige ist der detaillierte Inhalt vonjs-Code-Implementierung zur Anzeige der Zeit auf einer Webseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!