Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- react
- Netflix
- coding
- 바닐라 자바스크립트
- Nicolas
- 느낀 점
- 클론코딩
- github
- Nomad coder
- CSS
- 코코아톡
- Project
- Nomad
- 자바스크립트
- javascript
- 프로젝트
- vanilla js
- Hook
- TiMER
- 마무리
- Firebase
- expo
- HTML
- react-native
- scflix
- Vanilla
- 오류
- Clone
- 계획
- react-hook
Archives
- Today
- Total
목록button (1)
꾸매코딩
[JavaScript] 타이머 만들기 [타이머 기능 구현 / 시작, 정지 버튼]
개발 동기 타이머 어플을 사용하여 공부 시간을 측정하고 있는데, 배우고 있는 JavaScript를 통해 타이머를 직접 만들고 싶다는 생각이 들어서 만들게 되었다. 계획 매초 1씩 증가하는 타이머 기능을 만들 예정이다. 버튼(button)을 이용하여 타이머의 시작, 정지, 초기화 기능을 나타내 줄 예정이다. 타이머 기능 let TIME = 0; // 타이머 실행 버튼 function startButton() { updateTimer(); stopButton(); setInterval(updateTimer, 1000); // 매 초당 updateTimer 반복 } //... 생략 // 타이머 증가 함수 function updateTimer(){ const hours = Math.floor(TIME/3600)..
Project/Timer Project
2021. 5. 26. 20:03