๐ช
Click! ๐ https://github.com/DasolPark/Dasol_JS_WorkoutTimer
JavaScript์ ๋ฐ์ํ CSS๋ฅผ ์ฌ์ฉํ์ฌ ๋ฐ์คํฌํฑ ๋๋ ๋ชจ๋ฐ์ผ์์ ์ฌ์ฉํ ์ ์๋ ์ด๋ ๋์ฐ๋ฏธ ํ์ด๋จธ ์ดํ๋ฆฌ์ผ์ด์ ์ ๋๋ค.
๐์ด๋ ์ข
๋ชฉ๊ณผ ์ข
๋ชฉ์ ์ธํธ๋ฅผ ์์ธํ ์์ฑํ ์ ์์ผ๋ฉฐ, โณ๊ฐ ์ธํธ๋ณ๋ก ์๋ฃํ ์๊ฐ์ ์ฒดํฌํด์ค๋๋ค.
๐ก์ด๋ ์ข
๋ชฉ๊ณผ ์ธํธ๋ ์ถ๊ฐ ๋๋ ์ญ์ ๊ฐ ๊ฐ๋ฅํ๋ฉฐ, ์ด๋์ ์๋ฃํ๋ฉด ์๋ฃ๋ ์๊ฐ์ ์์ ํ ์ ์์ต๋๋ค.
Date Object๋ฅผ ์ด์ฉํ์ฌ ํ์ฌ ์๊ฐ์ ํ์ํ๋๋ก ๋ง๋ค์์ผ๋ฉฐ, ๋ธ๋ผ์ฐ์ Local Storage์ ๋๋ค์์ ์ ์ฅํ ์ ์๋๋ก ํ์ต๋๋ค.
์คํ์์น๋ setTimeout()์ ์ด์ฉํ์ฌ ์๊ฐ์ด ๊ณ์ ์ฆ๊ฐ๋ ์ ์๋๋ก ํ์์ต๋๋ค.
๋ํ, DOM์ ์ด์ฉํ์ฌ ์ข
๋ชฉ์ด๋ ์ธํธ element๊ฐ ์ถ๊ฐ๋๊ฑฐ๋ ์ญ์ ๋ ์ ์๋๋ก ์ ์ํ์์ต๋๋ค.