반응형
청춘고양이
배움을 기록하는 곳
청춘고양이
전체 방문자
오늘
어제
  • Hello World (119)
    • JQuery (5)
    • In my opinion (4)
    • HTML&CSS (8)
    • JS (9)
    • JAVA (21)
    • Spring Boot (21)
    • Node.js (1)
    • Linux (7)
    • Git (2)
    • Kotlin (4)
    • Fluttor (4)
    • 정보처리기사 (19)
    • AWS (1)
    • Oracle (8)
    • MySQL (3)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 제이쿼리
  • 청춘고양이
  • 가위바위보js
  • 제이쿼리 버튼클릭시 색 변경
  • 초보개발
  • js 비밀번호
  • js
  • 제이쿼리 비밀번호
  • 쉬프트 연산
  • 제이쿼리 패스워드 변경
  • js 로또 번호
  • spring 기본설정
  • 중복 제거 로또
  • 객체 안의 함수
  • js 패스워드 변경
  • 자바
  • 자바db연동
  • 스크롤js
  • ScrollEffectJs
  • css

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
청춘고양이

배움을 기록하는 곳

JS

Timer

2022. 5. 28. 01:03
반응형

안녕하세요. 오늘은 간단하게 Timer effect를 구현해 보겠습니다.


50초부터 시작해서 1초씩 올라가서 분, 초를 나타내는 Timer입니다.

다음에는 시, 분, 초를 찍어내는 Timer를 구현해보겠습니다. 

 let time = 50;
        let min = 0;
        let sec = 0;
        let timeFormat = "";
        function tick() {
            time++
            if(time>=60){
                min=time/60
                min=parseInt(min)
                if(min<10) {
                    min = "0" + min;
                }
                sec= time%60
                if(sec<10){
                    sec="0"+sec
                }
                timeFormat=min+":"+sec;
            }else{
                timeFormat=time
            }
            console.log(timeFormat)
        }
        setInterval(tick,1000)

 

반응형
저작자표시 (새창열림)

'JS' 카테고리의 다른 글

lotto JS  (0) 2022.06.02
Scroll Effect  (0) 2022.05.29
Text Effect  (0) 2022.05.27
NodeList  (0) 2022.05.25
Lambda JS  (0) 2022.05.07
    'JS' 카테고리의 다른 글
    • lotto JS
    • Scroll Effect
    • Text Effect
    • NodeList
    청춘고양이
    청춘고양이
    신입개발자

    티스토리툴바