소스코드 썸네일형 리스트형 초시계 만들기 (setInterval 함수 이용) 지난회에 예고해드린대로 위와 같은 초시계를 만들어 보겠습니다. 아주 간단한 초시계입니다. setInterval함수를 이용해서 만드는 것입니다. 전체 소스코드는 아래와 같습니다. 이코드에서 가장 중요한 것은 p태그에 id="clock"가 있다는 것과, date라는 새로운 Date오브젝트를 만들고 toLocaleTimeString()함수를 이용하여 초시계를 불러 온 것입니다. 그리고 setInterval함수를 이용하여 1초마다 계속 새로고침 하는 것입니다. 코드 설명 태그 안의 내용은 시계를 꾸미는 내용입니다. 배경색을 칠하고, 위에서 일정거리 떨어뜨리고, 내부에서 여백을 만들고, 시계폰트를 키우고, 외곽선을 그려넣고, 외곽선을 둥글게 만드는 내용입니다. 그리고 마우스가 초시계 위로 올라오면 배경색을 바꾸는.. 이전 1 다음
