아재쉼터
웹팁 분류

디지털 시계 자바스크립트

작성자 정보

  • 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,381 / 76 페이지
RSS
  • 왜 아무것도 안했을까?
    등록자 다온아빠
    등록일 01.29 조회 1099

    수다 왜 질질 새는 뚝을 가만히 보고있다가외부공사업체 도움을 요청하고 그 도움의 손길을 기다리는걸까요?뻔히 알고 있었던 수 십년간 물이 새던 뚝!!우…

  • 80년대 스타 김혜수
    등록자 꾸니꾸니
    등록일 01.26 조회 1096

    연예 80년대 스타 김혜수 김혜수 - 아름다운 세상 1988년개인적으로 꾸니는 여자 연예인을 좋아하진 않습니다드라마는 스토리로 감상하고음악은 그냥 음…

  • 웃긴 동영상 몰래카메라 just for laughs
    등록자 다온아빠
    등록일 01.26 조회 1092

    꺼리 웃긴 동영상 몰래카메라 just for laughs​일반 주차장에 주차했는데 장애인 전용이라면​골프장에 홀이 움직인다면​살짝 건드린 기둥이가 쓰…

  • 돈 때문에 고장난 '소방차'?. 이상원, 1억 원 못 …
    등록자 꾸니꾸니
    등록일 02.15 조회 1092

    연예 돈 때문에 고장난 '소방차'?.이상원, 1억 원 못 갚아 파산, 개인파산 신청하고 빚 탕감 받아 아재감성 아재공간 다온네 -소방차,80년대가수,…

  • 2016년 세계 금 보유량 순위 TOP 30
    등록자 다온아빠
    등록일 01.28 조회 1091

    정보 2016년 세계 금 보유량 순위 TOP 302016년 3월 한국의 금 보유량은104.4톤으로 세계34위입니다. 아재감성 아재공간 다온네 -금보유…

  • 제목을 바꾸지 않았으면... 박물관에서 밤을
    등록자 꾸니꾸니
    등록일 02.25 조회 1091

    꺼리 재미있게 감상했던 영화박물관이 살아있다 Night at the Museum 2015영화의 원제목은 "Night At The Museum"해석하면…

  • 톰 클랜시의 디비전 최신버전
    등록자 꾸니꾸니
    등록일 01.29 조회 1090

    게임 톰 클랜시의 디비전블랙 프라이데이 동안 최악의 전염병이 뉴욕 전역을 휩쓸었습니다.이로 인해 도시의 기본적인 기능이 하나둘씩 불능 상태에 빠졌습니…

  • 천안 아산 부동산시장 다시 움직인다
    등록자 GW
    등록일 01.30 조회 1090

    소식 삼성투자소식에 천안 아산 부동산시장 다시 움직인다 2017년 12월11일삼성그룹이 천안과 아산 일대에 위치한 `삼성디스플레이`와 `삼성전기`의 …

  • 마녀 Witch 2018
    등록자 GW
    등록일 01.31 조회 1090

    영화 마녀 The Witch : Part 1. The Subversion 2018개봉일: 2018년 6월 27일감독: 박훈정배급사: 워너 브라더스수상…

  • 닭갈비 생닭 뼈 바르기 생닭 손질하기 닭 뼈 분리하기
    등록자 다온아빠
    등록일 01.29 조회 1089

    요리 슬슬 날도 선선해지고숯불 닭갈비가 땡기네요.다온엄마에게 주문하려는데다온엄마는 어렵고 힘들어하고생닭 파는곳에서 잘 안해주려한답니다.굳이 진상손님 …

  • 세탁노하우-마요네즈가 옷에 묻었을때
    등록자 GW
    등록일 10.16 조회 1088

    정보 마요네즈가 옷에 묻었을때솔벤트를 얇은 천에 묻혀 두드리듯 닦아냅니다.마요네즈를 얼룩에 소량 묻힌 뒤 발라 문지른 다음, 중성세제로 손세탁하면 된…

  • 파일탐색기 즐겨찾기 삭제 바로가기 안 보이게
    등록자 GW
    등록일 02.25 조회 1085

    멀티 파일탐색기 즐겨찾기 삭제 바로가기 안 보이게내컴퓨터 파일탐색기 왼쪽 메뉴중즐겨찾기 또는 바로가기 마우스 오른쪽"옵션"에서 가능합니다.파일탐색기 …

  • 모르면 입을 다물고 모르면 따지지 말자
    등록자 GW
    등록일 02.20 조회 1083

    꺼리 무지한데 당당하기까지....우리 아이랑 먹을건데..."안 매운 청양고추 주세요"하는 꼴이네...마라탕의 뜻 마라탕의 의미마(痲):저리다 혹은 마…

  • 강수연 영화 감자 1987년
    등록자 GW
    등록일 03.10 조회 1082

    영화 감자 1987년Gamja 1987년감독:변장호주연 : 강수연,이대근,김인문출연 : 김형자,최인숙,장혁,홍성민,조주미,김경란,정미경,양택조,박예숙…

  • 페인트 칠하고 사용한 붓은 어떻게 하나요?
    등록자 꾸니꾸니
    등록일 03.09 조회 1080

    정보 ▶동영상에서 세척하는 붓은 유성 오일 스테인(NO.930)을 사용하고 약 2시간 경과된 붓입니다.▶깨끗이 세척되었다는 것은 붓을 비누에 비볐을때…

공지글


최근글


새댓글


  • 댓글이 없습니다.
알림 0