Notice
Recent Posts
반응형
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- javascript 자식 노드 추가
- 크리에이터링크 상세페이지
- 후두골이형성증
- 포토샵 핸드툴 오류
- 일러스트 핸드툴 오류
- css 화면이동
- 당연해?뭐가?
- 강아지 발작
- 다른 사이트로 연결
- 매일두유
- 쏜살치킨
- 덕수궁 석조전
- javascript 자식 노드 복사
- 크리에이터링크 이미지클릭
- 포토샵 핸드툴 단축키
- javascript 자식 노드 삭제
- 일러스트 스페이스바 오류
- 크리에이터링크 이미지링크
- html 다운로드 버튼 만들기
- 당연해?왜?
- 자바스크립트 링크
- css변수
- 대한제국역사관
- 종묘대제
- css사칙연산
- 포토샵 스페이스바 오류
- 셀렉트 태그 링크
- 애드센스
- 자바스크립트 타이머 만들기
- 클린 서구
Archives
- Today
- Total
목록자바스크립트 타이머 만들기 (1)
열정과 게으름 사이
시간 줄어드는 타이머 만들기
시간 제한이 있는 게임을 할 때 사용할 수 있는 타이머를 만들어 보았다. setInterval()함수를 사용해서 하면 되고, 줄어드는 시간을 보여주기 위한 html을 만들었다. HTML 남은 시간: 나중에 접근성 이슈가 있을 경우를 대비해 input태그를 사용했다. JS 3분을 제한 시간으로 두었을 경우의 예이다. setInterval(1000) = 1초 이다, 여기에 *3분(180초) => 180,000 변수로 총 시간 = 180000; 줄어드는 시간을 보여주기 위해 min=3; sec=60; 을 선언해주고, 3:00 부터 줄어들어야 하니, 페이지 로딩시 바로 출력되도록 value값에 넣어준다. 1초에 한번씩 반복되는 setInterval(function({ time=-1000; },1000) 로 1초..
공부 메모/javaScript
2021. 10. 21. 19:03