웹 페이지에 시간을 표시하는 js 코드 구현-JS 튜토리얼-php.cn

웹 페이지에 시간을 표시하는 js 코드 구현

不言

풀어 주다： 2018-08-22 11:43:39

원래의

3279명이 탐색했습니다.

이 글의 내용은 웹페이지에 시간을 표시하는 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>

로그인 후 복사

자바스크립트를 사용하는 약간의 트릭은 먼저 다양한 시간을 가져와서 함수를 통해 결합한 다음 document.getElementById().innerHTML=결합된 시간을 사용하는 것입니다. 인쇄합니다.

setinterval()을 사용하기 전에 이 함수를 한 번 호출해야 한다는 점에 유의하세요(처음 열 때 페이지가 비어 있는 것을 방지하기 위해).