자바스크립트로 스톱워치(목표 시간 맞추기) 만들기 3
안녕하세요 느종입니다. 오늘은 저번 시간에 이어서 스톱워치(목표 시간 맞추기) 메인 화면 페이지 함수를 작성해 보도록 하겠습니다. 시간의 형식을 바꿔주는 함수, 시간을 체크하는 함수, 타이머를 설정하는 함수에 대해서 다루어 보도록 하겠습니다. 그럼 바로 시작하겠습니다. 함께 공부해요! 1. 자바스크립트 코드 [ scripts.js ] …
안녕하세요 느종입니다. 오늘은 저번 시간에 이어서 스톱워치(목표 시간 맞추기) 메인 화면 페이지 함수를 작성해 보도록 하겠습니다. 시간의 형식을 바꿔주는 함수, 시간을 체크하는 함수, 타이머를 설정하는 함수에 대해서 다루어 보도록 하겠습니다. 그럼 바로 시작하겠습니다. 함께 공부해요! 1. 자바스크립트 코드 [ scripts.js ] …
안녕하세요 느종입니다. 오늘은 저번 시간에 이어서 스톱워치 메인 화면 페이지를 만들어보도록 하겠습니다. 그럼 바로 시작하겠습니다. 함께 공부해요! 1. 메인 화면 페이지 화면 가운데에 00.000으로 시간을 나타낼 수 있도록 구성하였습니다. 초는 소수점아래 셋째 자리까지 표현을 하였는데 이 부분은 본인 입맛에 맞게 바꾸셔도 될 것 같습…
안녕하세요 느종입니다. 오늘은 저번 시간에 말한대로 스톱워치를 만들어볼까 합니다. 그냥 초만 재면 재미없으니깐 일정 목표를 정하고, 그 목표 시간에 정확히 맞출 수 있는 콘텐츠를 만들 생각입니다. 그리고 매번 시작 화면, 메인 화면, 결과 화면 이렇게 구성하다 보니 지루한 감이 없이 않아 있어서 이번에는 결과 내용을 팝업(모달) 창으로…