디지털 시계를 만드는 법

동영상: LED 디지털 시계를 9,500원에 무료배송으로 구입 [스마트홈 만들기]

콘텐츠

지침
어떻게
참고 문헌

이상적인 디지털 시계 모델을 아직 찾지 못한 경우 HTA 프로그래밍 언어를 사용하여 직접 만들 수 있습니다. Internet Explorer에서 제공하는 기능을 통해이 언어는 모든 HTML 및 JavaScript 기능을 데스크탑에 통합합니다. 개발자는 몇 줄의 JavaScript를 사용하여 웹 페이지에 디지털 시계를 추가 할 수 있습니다. 그러나 HTA 언어를 사용하면 CSS 속성을 사용하여 사용자 정의 템플릿을 만들 수 있습니다.

지침

시간을 알기 위해 물리적 시계를 가질 필요는 없습니다. (마틴 풀 / 포토 디스크 / 게티 이미지)

메모장을 열고 새 문서에 다음 문을 붙여 넣습니다.

HTA 테스트

type = "text / css"> .clockStyle {border : 두꺼운 파란색 점선; 배경색 : # FFFF00; 너비 : 100px; 높이 : 20px; 텍스트 정렬 : 가운데; }
마지막에 표시되는이 코드의 "스타일"섹션은 "clockStyle"이라는 클래스를 정의합니다. 이 클래스는 시계의 모양을 결정합니다. 예를 들어 테두리 특성은 시계 주위에 파란색 점선이 삽입됩니다. 배경은 노란색입니다. 너비 및 높이 매개 변수는 개체의 픽셀 해상도를 나타냅니다.
이전 단계의 코드 아래에 다음 JavaScript 블록을 추가하십시오.

코드 상단의 "windowWidth"및 "windowHeight"변수에 유의하십시오. 그들은 디지털 시계가 들어있는 창의 크기를 제어합니다. 원하는대로이 값을 변경하십시오.
마지막 섹션에서 설명하는 아래 코드를 추가하십시오.

>

이렇게하면 "div"라는 요소, 즉 시계의 본문이 만들어집니다. 클래스의 속성은 앞에서 설명한 CSS 스타일 선언을 참조합니다.
"Ctrl"과 "S"를 동시에 누르고 "다른 이름으로 저장"창에 표시된 "파일 이름"필드에 "DigitalClock.hta"를 입력하십시오. "저장"을 클릭하여 파일 이름을 저장하십시오.
"Windows 탐색기"를 열고 파일을 찾으십시오. 파일을 두 번 클릭하여 디지털 시계를 표시하십시오.

어떻게

문서의 "스타일"섹션에서 CSS 속성을 변경하여 시계를 사용자 정의하십시오. 예를 들어 배경을 분홍색으로 변경하려면 코드의 "노란색"을 "분홍색"으로 바꿉니다. 일반적으로 시계는 매초마다 디스플레이를 업데이트합니다. 새로 고침 빈도를 변경하려면 코드에서 "1000"을 2000과 같은 다른 값으로 변경하십시오. 그러면 2 초마다 시계가 변경됩니다.