티스토리 뷰
setInterval(실행할 인자값, 실행하고싶은 시간) :
setInterval(fn, 1000)
function sayHi(){ console.log("say hi")}
setInterval(sayHi, 3000)//3초간격으로 sayhi가 실행되도록 하여라.
1초의 밀리세컨드가 1000이기 때문에 3초는 3000이다.
Back to 시계만들기.
getHour, getMinutes, getSeconds를 했을 경우에 만약 새로운 분으로 넘어가게되면 00초가 아닌 0초라고 나오게 되는데, 이것을 10초 이하일때는 앞에 0이 붙게 하고싶다. 그럴때는 삼항연산자(ternary operator)라고 하는데 if의 미니버전이라고 할수있다.
clockTitle.innerText = `${hours}:${minutes}:${seconds }`; 이 태그에서 살짝 변경을 해주면된다.
-> clockTitle.innerText = `${hours}:${minutes}:${seconds < 10 ? `0${seconds}` : seconds }`;
만약if seconds가 10보다 작으면 ? (true라면)앞에 seconds앞에 0을 붙이고, : (false라면) 그대로 seocnds를 반환하는 것이다. ( if조건 ? true : false )라는 간단한 수식으로 완성되는 것이다.
'노마드코더 > 자바스크립트' 카테고리의 다른 글
#3-3 Saving the User Name part One (0) | 2021.08.29 |
---|---|
#3-1 Making a JS Clock part One (0) | 2021.08.29 |
#2-7 DOM If else Function practice part Two (0) | 2021.08.29 |
#2-6 DOM If else Function practice (0) | 2021.08.29 |
#2-5 첫번째 조건문!! If, else, and, or (0) | 2021.08.29 |
댓글
© 2018 webstoryboy