웹팁 분류

디지털 시계 자바스크립트

작성자 정보

  • GW 작성
  • 작성일

컨텐츠 정보

본문





실시간 디지털 시계 위젯 

실시간 디지털 시계 자바스크립트


요일이라는 글자를 없애고 싶으면

<span>요일</span> 부분을 <span></span> 으로 바꾸면 되고...


폰트 중에서 0과 1의 가로간격이 다른 폰트는 시계 자체가 들썩거리니 이 점만 주의하면 될 듯 합니다. 나머지는 본인이 원하는 css로


코드 내용 출처:그누보드 비타주리님

https://sir.kr/g5_tip/18447 



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<link href=https://fonts.googleapis.com/css2?family=Lato&display=swap rel=stylesheet>
<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









위 코드 적용 미리보기


on_00002.gif



아재감성 아재공간 다온네



추천 업체




아재 음악


관련자료

댓글 0
등록된 댓글이 없습니다.
kkk
웹팁 74 / 3 페이지
RSS
알림 0