웹팁 분류

디지털 시계 자바스크립트

작성자 정보

  • 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,359 / 1 페이지
RSS
  • 비보호 좌회전 정확하게 알자
    등록자 GW
    등록일 03.25 조회 23

    정보 비보호좌회전이란사전적 의미는교차로에서, 별도의 좌회전 신호를 주지 않고 직진 신호일 때 좌회전을 허용하는 것을 말한다.즉 다시 말해 비보호 좌회…

  • 세탁 노하우 - 김치국물 지우는 방법
    등록자 GW
    등록일 03.19 조회 62

    정보 옷에 묻은 김치국물은 빨리 발견하는게 답입니다세탁 전 처리를 하여 김치국물을 지운 상태에서 세탁해야합니다.얼룩 제거가 되지 않은 상태에서 세탁을…

  • 초간단 레시피 : 양배추 토스트 만들기
    등록자 GW
    등록일 03.19 조회 216

    요리 아삭아삭 맛있는 양배추 토스트 :: 초간단 레시피 집에 양배추 하나만 있으면 맛있는 토스트 뚝딱 완성 !!!만드는 방법도 정말 간단하니, 집에서…

  • http 접속하면 https로 접속시키려면
    등록자 GW
    등록일 03.18 조회 48

    웹팁 항상 https:// 으로 접속되게 하려면만약, 홈페이지로 들어오는모든(http://도메인이름) 접속을(https://도메인이름)으로 넘겨 주고…

  • 확정일자 뜻! 확정일자 받는 곳
    등록자 GW
    등록일 03.18 조회 78

    정보 주택임대차,상가임대차 확정일자는 어디서 받나요?확정일자란?확정일자는 그 날짜에 임대차계약서가 존재한다는 사실을 증명하기 위하여 전/월세 계약서에…

  • 번아웃 증후군이란? Burn Out 뜻
    등록자 GW
    등록일 03.15 조회 82

    정보 번아웃 증후군이란한 가지 일에 몰두하던 사람이 극도의 피로감으로 인해 무기력증, 심한 불안감, 자기혐오 등에 빠지는 것을 말한다.번아웃 증후군은…

  • 기묘한 이야기-나에게 꼭 맞는 사람을
    등록자 GW
    등록일 03.15 조회 69

    영화 일본 드라마 일본 영화 다시보기기묘한 이야기나에게 꼭 맞는 사람을 만날 수 있는 확실한 방법일본 '기묘한 이야기'의 2013년 가을 스페셜로 방…

  • 극한의 생존 게임 윈터 서바이벌
    등록자 GW
    등록일 03.15 조회 463

    게임 Winter Survival장르: 어드벤처 게임, 대전 격투 게임, Early Access개발: Drago Entertainment최고의 겨울 …

  • 실시간 반응형웹 시뮬레이터
    등록자 GW
    등록일 03.15 조회 78

    웹팁 반응형웹 시뮬레이터Mobile simulator - responsive testing tool-본 페이지 구글번역-개요모바일 반응형 웹사이트를 …

  • 카카오톡 사진 저장 경로 문자메시지 사진 저장 폴더
    등록자 GW
    등록일 03.13 조회 92

    멀티 몇일전 누군가가 잔뜩 보내준 사진을 저장했는데..폰에 있는 사진을 PC작업하려고 찾는데...안보여서^^폰 환경에 따라 다르겠지만...PC에 연결…

  • 딸들과 함께 보던 토이스토리
    등록자 GW
    등록일 03.13 조회 70

    영화 토이 스토리 (Toy Story)6살 짜리 소년 앤디가 갖고 있는 인형들 중 우디는 그가 아끼는 카우보이 인형이다.평화롭던 장난감들은 앤디가 없…

  • 슬렌더 : 디 어라이벌 최신버전 슬렌더 한글패치
    등록자 GW
    등록일 03.11 조회 224

    게임 Slender : The Arrival (슬렌더 : 디 어라이벌)Slender Man이 그 어느 때보다 더 무시무시하게 돌아왔습니다. 당신은 당…

  • 연신내 교통사고 14명 사상
    등록자 GW
    등록일 03.08 조회 54

    소식 시장 근처 도로에서 사람들이 잇따라 횡단보도를 건너갑니다.갑자기 전조등을 켠 회색 승용차가 빠르게 돌진합니다.승용차는 한 남성을 들이받고도 속도…

  • 이사전 도시가스 막음조치 신청 안내
    등록자 GW
    등록일 03.08 조회 71

    정보 이사전 도시가스 막음조치 신청 안내▣ 이사전 가스 막음조치 신청 안내 ▣-이사철을 맞이하여 이사 들어오고 가실 때 가스레인지를 철거하거나 연결할…

  • 불법촬영 범죄예방을 위한 화장실 정기점검 신청 안내
    등록자 GW
    등록일 03.08 조회 154

    소식 불법촬영 범죄예방을 위한 화장실 정기점검 신청 안내작성일 : 2024.02.29담당부서:가족정책과연락처:351-6234은평구는 불법촬영에 대한 …

알림 0