웹 페이지에 시간을 간단하게 표시하는 js 메소드_javascript 기술

이 기사의 예에서는 js를 사용하여 웹페이지에 시간을 간단히 표시하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

시, 분, 초를 표시하는 순수 자바스크립트로 구현된 웹시계 JS 코드입니다. 웹 시간 표시와 웹 시계가 많이 있습니다. 이것은 정말 간단합니다. 미술을 잘하는 친구들은 이를 바탕으로 더욱 아름답게 하고 개선할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

<스타일>
body,div{margin:0;padding:0;}
본문{색상:#fff;글꼴:16px/1.5 5fae8f6f96c59ed1;}
#시계{너비:300px;텍스트 정렬:중심;배경:#1a1a1a;여백:10px 자동;패딩:20px 0;}
스팬{색상:#000;너비:80px;라인 높이:2;배경:#fbfbfb;테두리:2px 솔리드 #b4b4b4;마진:0 10px;패딩:0 10px;}


window.onload = 함수()
{
var oClock = document.getElementById("시계");
var aSpan = oClock.getElementsByTagName("span");
setInterval(getTimes, 1000);
getTimes();
함수 getTimes()
{
var oDate = new Date();
var aDate = [oDate.getHours(), oDate.getMinutes(), oDate.getSeconds()];
for (aDate의 var i) aSpan[i].innerHTML = format(aDate[i])
}
함수 형식(a)
{
return a.toString().replace(/^(d)$/, "0$1")
}
}

포인트분초