이전에 HTML5에서 캔버스 요소에 대해 배웠고 간단한 시계를 구현하여 연습했습니다. 시계 자체는 복잡하지 않고, 아름답게 하기 위해 사진을 사용하지 않습니다. 하지만 참새는 작고 내장도 다 갖추고 있지만, 아래에서 공유하겠습니다. 데모 효과: html 코드: 코드 복사 코드는 다음과 같습니다. 시계 <br> *{<br> 여백: 0;<br> 패딩: 0;<br> }<br> .캔버스{<br> 왼쪽 여백: 20px;<br> 여백 상단: 20px;<br> 테두리: 실선 1px;<br> }<br> </스타일><br> </머리><br> <body onload= "main()"><br> <캔버스 클래스 = "캔버스" id="canvasId" 너비 = '500px' 높이 = '400px'></canvas><br> <스크립트 유형= "text/javascript" src = "Clock.js"></script><br> </본문><br> </div>