웹팁 분류
디지털 시계 자바스크립트
작성자 정보
-
GW 작성
- 작성일
컨텐츠 정보
- 1,702 조회
- 목록
본문
실시간 디지털 시계 위젯
실시간 디지털 시계 자바스크립트
요일이라는 글자를 없애고 싶으면
<span>요일</span> 부분을 <span></span> 으로 바꾸면 되고...
폰트 중에서 0과 1의 가로간격이 다른 폰트는 시계 자체가 들썩거리니 이 점만 주의하면 될 듯 합니다. 나머지는 본인이 원하는 css로
코드 내용 출처:그누보드 비타주리님
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <style> #todayTable { border-collapse:collapse; font-family:Lato; font-weight:bold; } #todayHead { text-align:center; padding:0px; font-size:4rem; } #todayTail { text-align:center; padding:0px ; font-size:2rem; } #todayTail span { font-size:1.2rem; } </style> <script> weekKr = "일월화수목금토"; document.write("<table id=todayTable><tr><td id=todayHead></td></tr><tr><td id=todayTail></td></tr></table>"); function todayMode() { todayTime = new Date(); todayHead.innerText = String(todayTime).split(" ")[4]; currentYear = todayTime.getFullYear() + "."; currentMonth = ("0" + (todayTime.getMonth() + 1)).slice(-2) + "."; currentDay = ("0" + todayTime.getDate()).slice(-2) + "."; currentWeek = weekKr[todayTime.getDay()] + "<span>요일</span>"; todayTail.innerHTML = currentYear + currentMonth + currentDay + currentWeek; } todayMode(); setInterval(todayMode, 1000); </script> | cs |
위 코드 적용 미리보기
아재감성 아재공간 다온네
-홈페이지,홈페이지꾸미기,홈페이지위젯,위젯,시계위젯,플레쉬,플레쉬위젯,플레쉬시계,html-
-
등록일 05.16
-
등록일 03.18
-
등록일 04.11
-
등록일 05.31
-
등록일 05.07
-
등록일 04.19
-
등록일 06.20
-
등록일 05.16
-
등록일 06.14
-
등록일 04.05
-
등록일 05.22
-
등록일 06.25
-
등록일 05.17
-
등록일 04.20
-
등록일 06.25
-
등록일 04.08
-
등록일 04.05
-
등록일 06.05
-
등록일 03.18
-
등록일 06.20
-
등록일 03.25
-
등록일 06.12
-
등록일 05.29
-
등록일 03.19
-
등록일 05.10
-
등록일 03.19
-
등록일 05.09
-
등록일 04.04
-
등록일 04.23
-
등록일 04.13
추천 업체
아재 음악
IVE - After LIKE REMIX 2022년
Prizmmy-Boy Meets Girl보이 밋츠걸 보이미트걸춤추는 일본 아이돌 그룹 티알에프 TRF-Boy Meets Girl 1994년boy…
관련자료
댓글 0
등록된 댓글이 없습니다.