웹팁 분류

디지털 시계 자바스크립트

작성자 정보

  • 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
전체 1,383 / 16 페이지
RSS
  • 더 포레스트 치트키 더 포레스트 트레이너
    등록자 GW
    등록일 12.29 조회 3703

    게임 The Forest cheat code 더 포레스트 치트키 사용법시작 메인 창에서 시작합니다.아무것도 없어 보이는 메인창에 아래 시작코드를 입력…

  • 행성 건설 게임 더 콜로니스트 The colonists
    등록자 GW
    등록일 12.28 조회 2347

    게임 더 콜로니스트 The Colonists장르 : 시뮬레이션사용 가능한 언어 : 영어 , 프랑스어 , 독일어 , 한국어 , 중국어 간체 , 이탈리아…

  • 웹에서 3D 모델링 돌려가면서 감상하기
    등록자 꾸니꾸니
    등록일 12.21 조회 1442

    웹팁 웹3D뷰어사이트 스케치팹입니다최고의 플랫폼웹상의 3D 및 AR용3D 자산을 관리합니다. 3D 및 AR 경험을 배포합니다.다른 사람들과 협력하십시…

  • 강염 버너 화력분배기
    등록자 GW
    등록일 12.17 조회 1714

    정보 돔형로스톨 스텐레스 숯받침대 숯통받침대 바베큐그릴,바비큐그릴,야외용그릴,드럼통그릴,드럼통,훈제그릴,대형그릴,휴대용그릴,숯통,숯,참숯,석쇠 아재감…

  • 유재석의 사랑받는 대화하는 방법
    등록자 꾸니꾸니
    등록일 12.17 조회 1570

    좋은 유재석의 사랑받는 말투특징1. 주인공이 되고 싶은 욕구를 참아 내라2. 나의 말 한마디가 누군가의 인생을 바꿀 수도 있다3. 질문을 통해 관심과…

  • 좋은 글 - 아내의 꿈
    등록자 GW
    등록일 12.17 조회 1672

    좋은 고도원의 아침편지(2021년 11월 19일 오늘의 아침편지)아내의 꿈30여 년을 함께 살면서참으로 무심하게 살았나 보다어느 날 아내에게"당신 꿈…

  • 전화 통화가 어려운 사람들 콜 포비아
    등록자 GW
    등록일 12.15 조회 1528

    건강 비대면 활동이 증가하면서 전화공포증,이른바 ‘콜 포비아’를 호소하는 사람들이 늘고 있다.콜 포비아란 전화 통화를 하는 데 어려움, 두려움 등을 …

  • 데드 바이 데이라이트 가격 (Dead by Daylight)
    등록자 GW
    등록일 12.07 조회 1986

    게임 데드 바이 데이라이트 (Dead by Daylight)공포의 숨바꼭질 게임데드 바이 데이라이트는 한 명의 플레이어가 잔학한 살인마의 역할을 담당…

  • 토지대장 및 임야대장 무료 발급
    등록자 GW
    등록일 12.06 조회 1445

    정보 토지대장 및 임야대장의 개념“토지대장”이란모든 토지의 필지마다 그 소재·지번·지목·면적·경계 또는 좌표 등을 조사·측량하여 조사된 토지의 표시와…

  • 화성 생존 게임 무료 게임 Terraformers: First Steps on Mars
    등록자 GW
    등록일 12.06 조회 1903

    게임 Terraformers: First Steps on MarsTerraformers는 광범위한 식민지 건설 및 자원 관리 게임입니다.붉은 행성을 …

  • 무설치 게임 HTML 게임 바로 즐기기
    등록자 GW
    등록일 12.06 조회 1429

    게임 무설치 게임 HTML 게임이제는 추억이 되버린 플래시 게임을 대체할 HTML5 게임HTML5는 게임을 할때 별도의 플러그인이나 플레이어를 설치할…

  • 인터넷 익스플로러(IE)11이 2022년 6월 15일 공식 지원 중지
    등록자 GW
    등록일 12.02 조회 2089

    멀티 27년만에 역사 속으로 사라지는 인터넷 익스플로러현재 마이크로소프트는Internet Explorer의 개발을 포기한상태이며 이미 마지막 버전인 …

  • 생존게임 더 인펙티드 The Infected 가격
    등록자 GW
    등록일 12.01 조회 2264

    게임 The Infected Gameplay TrailerThe Infected최초 출시일: 2020년 8월 7일개발: DigX Studios출시: …

  • 팥죽 맛있게 만들기 동지 뜻 동지팥죽 유래
    등록자 GW
    등록일 11.29 조회 1620

    요리 2024년 동지 날짜 :12월 21일 토요일동지팥죽 한 그릇으로 건강한 내년을 준비해봐요. 팥죽 만들기 어렵지 않아요.동지 (冬至)유래동지를 흔…

  • 로또 번호 확인 동행복권 이번주 번호확인
    등록자 GW
    등록일 11.29 조회 1751

    정보 로또 지급 기한 지급기한은 해당 회차 지급개시일로부터 1년까지입니다.지급기한일이 공휴일 또는 토, 일요일인 경우 익 영업일(은행 영업 기준)에 …

알림 0