Webページに時間を表示するjsコードの実装-jsチュートリアル-php.cn

Webページに時間を表示するjsコードの実装

不言

リリース： 2018-08-22 11:43:39

オリジナル

3279 人が閲覧しました

この記事の内容は、Webページに時間を表示する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() を使用する前に、この関数を 1 回呼び出す必要があることに注意してください (最初にページを開いたときにページが空白になるのを防ぐため)。