소스 공유

|  나만의 소스나 나만 알고 있는 좋은 소스를 서로 공유하는 자리입니다.

조회 수 117 추천 수 1 댓글 7
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
Extra Form

[code]

const clockContainer = document.querySelector(".js-clock"),

  clockTitle = clockContainer.querySelector("h1");

function getTime() {

  const date = new Date();

  const minutes = date.getMinutes();

  const hours = date.getHours();

  const seconds = date.getSeconds();

  // make 0 in front of hours,minutes and seconds when the number are less then 10

  clockTitle.innerText = `${hours < 10 ? `0${hours}` : hours}:${minutes < 10 ? `0${minutes}` : minutes}:${

    seconds < 10 ? `0${seconds}` : seconds}`;

}

function init() {

  getTime();

  setInterval(getTime, 1000);

}

init();

[/code]


연습겸 심심해서 만들어봤습니다 ㅋㅋ;


Who's 도토리묵

profile

개인블로그: https://kirimochi.ga
 
간단한 서버세팅부터 서버튜닝&관리&유지보수까지 책임져드립니다. 연락은 쪽지로!

  • profile
    BVC_Liper_Okbul 2019.02.22 15:05

    호...호에에에...!

  • profile
    Hanam09 2019.02.24 11:47
    쿼리셀렉터 세미 오류인가요?
  • profile
    도토리묵 2019.02.27 02:07
    ?
  • profile
    Hanam09 2019.02.27 12:15
    const clockContainer = document.querySelector(".js-clock"),
  • profile
    도토리묵 2019.02.27 12:52
    const clockContainer = document.querySelector(".js-clock"),
    clockTitle = clockContainer.querySelector("h1");

    const 두개 지정한겁니다.
  • profile
    Hanam09 2019.02.27 15:07
    aha! JS에서 그런게 가능하구나!!
    하나 배워갑니다.
  • profile
    도토리묵 2019.02.27 12:53
    그냥 한줄로 써서
    const clockContainer = document.querySelector(".js-clock"), clockTitle = clockContainer.querySelector("h1");

    이렇게 생각하시면 될듯

소스 공유

나만의 소스나 나만 알고 있는 좋은 소스를 서로 공유하는 자리입니다.

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
» 자바스크립트 미니 시계 7 도토리묵 2019.02.22 117
57 코드 [JS]클라이언트에서 Ip를 얻어보자 2 Hanam09 2019.01.21 93
56 코드 [JS] http를 https로 리디렉션! 3 Hanam09 2018.12.30 146
55 코드 [PHP] 이미지를 원하는 크기(원본비율 유지)로 리사이즈 하여 출력 (원본 이미지는 수정하지 않습니다) 6 이니스프리 2018.12.20 190
54 코드 [아미나] 네이트 실시간 검색어 순위 위젯 (아미나 캐시 적용) 2 file 이니스프리 2018.12.18 93
53 코드 [아미나] 출석 여부를 나타내는 메인화면 위젯 4 file 이니스프리 2018.12.15 157
52 코드 [PHP] 간단한 캐싱 클래스 3 title: 황금 서버 (30일)humit 2018.12.06 111
51 코드 [Python] 텔레그램을 이용한 게시판 새 글 알림봇 7 이니스프리 2018.12.02 254
50 코드 [아미나] 게시글을 작성하면 ID와 IP로 필터링하여 자동으로 랜덤 댓글을 남기기 (+랜덤 포인트) 7 file 이니스프리 2018.11.18 149
49 코드 [PHP] 그누보드 자동 게시글 작성 - 일본기상협회의 우리나라 날씨를 크롤링한 후 파파고로 번역하여 글 작성 4 file 이니스프리 2018.11.15 120
48 코드 [PHP] 기상청 RSS 시간별 예보 위젯 - cache 적용(?) 9 file 이니스프리 2018.10.28 112
47 코드 [오토핫키] 브라우저를 열어 지난번과 동일한 폴더에 MZK를 다운받고 압축을 네이티브로 해제하는 스크립트 file 이니스프리 2018.10.20 137
46 코드 [PHP] 기상청 중기예보를 캐러셀로 보여주는 위젯 (매우 허접합니다 ㅠㅠ) 10 file 이니스프리 2018.09.28 154
45 코드 [오토핫키] 구글 드라이브의 공유링크를 이미지 호스팅을 위한 다이렉트 링크로 바꿔주는 스크립트 10 file 이니스프리 2018.09.25 463
44 코드 [오토핫키] 특정 사이트에 대한 ping 테스트 결과를 실행시간과 함께 로그 파일로 저장하는 스크립트 2 이니스프리 2018.09.22 181
43 코드 [Python] 모 정부기관 사이트 파싱 후 PC 통신처럼 열람하고 싶은 게시글 번호를 입력하면 내용을 보여주는 소스 (허접) 4 이니스프리 2018.09.14 184
42 코드 파이선 셸에서 실행하면...? 3 title: 애프터 이펙트제르엘 2018.07.22 257
41 코드 C언어 삼중자를 이용한 코드 title: 황금 서버 (30일)humit 2018.07.22 141
40 코드 폰트를 자동 설치하는 코드 네모 2018.07.16 179
39 코드 잘못 쓰면 컴퓨터가 날아가는 코드 25 title: 애프터 이펙트제르엘 2018.07.08 336
목록
Board Pagination Prev 1 2 3 Next
/ 3
서버에 요청 중입니다. 잠시만 기다려 주십시오...