이 글의 내용은 웹페이지에 시간을 표시하는 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)+'-'+$(day)+" "+$(hour)+":"+$(minute)+":"+$(second);
document.getElementById("date1").innerHTML=time;
}
setTime();
setInterval('setTime()',500);
</script>
</body>
</html>자바스크립트를 사용하는 약간의 트릭은 먼저 다양한 시간을 가져와서 함수를 통해 결합한 다음 document.getElementById().innerHTML=결합된 시간을 사용하는 것입니다. 인쇄합니다.
setinterval()을 사용하기 전에 이 함수를 한 번 호출해야 한다는 점에 유의하세요(처음 열 때 페이지가 비어 있는 것을 방지하기 위해).
관련 권장 사항:
JavaScript는 웹 페이지에 현재 날짜와 시간을 동적으로 표시합니다
위 내용은 웹 페이지에 시간을 표시하는 js 코드 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
