목록day2 (1)

다다의 개발일지 6v6

[JS] day2 - JS and CSS Clock ( 돌아가는 시계 만들기 )

처음엔 바늘들이 9시를 가리키고 있어서 90도 돌려줬다 . 제일 오른쪽을 기준으로 바늘을 돌려주면 된다. transform: rotate(90deg); transform-origin: 100% 50%; /* 축을 오른쪽으로 두고 회전시키려면 right(X축 100%) center(Y축 50%)와 같음. */ 이제 시간이 지날때마다 초침, 분침, 시침을 움직여 줘야한다. 현재 시간을 받아오고  const now = new Date(); 만약 42초라면 360도 : 60초 = x 도 : 42초  이렇게 비례식을 세워서 x를 구하면 된다!x = 360 × 42 ÷ 60 여기까지 하면 초침은 돌아가야 하는데 돌아가지 않는다.. 문제점 & 해결getElementsByClassName..
Frontend/JavaScript 2025. 2. 19. 20:52
이전 Prev 1 Next 다음