[Vanilla JS] Clock, Quotes and background

 

#5  Clock 

• setInterval()

interval : 특정 작업이 반복되는 시간 간격

setInterval(sayHello, 5000);

 

➣ setInterval(실행하고자 하는 function, 시간 간격(ms))

 

 

• setTimeout()

setInterval(sayHello, 5000);

 

➣ setTimeout(실행하고자 하는 function, 지연 시간(ms))

 

• new Date()

 

• padStart()

padStart(2, "0");

 

➣ padStart(문자열의 목표 길이, *앞부분에 채우는 데 사용할 문자열)

*기본값 : " "

※  number일 경우 String으로 바꿔서 사용

 

• Math.random()

Math.random() * n;

 

➣ 0 ~ n 사이의 숫자 얻을 수 있다 (소수점까지 반환)

 

+ ) 소수점 지우는 function

1. Math.round() : 반올림

 

2. Math.ceil(): 숫자 천장까지 높이기

ex) 1.1 → 2

 

3. Math.floor(): 숫자 바닥까지 낮추기

ex) 1.9 → 1

 

 

#5 Login 전 페이지

 

#5 Login 후 페이지

 

 

---

 

#6 Quotes and background

• creatElement()

JavaScript에서 html 요소 동작을 생성할 때 사용하는 메서드

 

• appendChild(), prependChild()

body.appendChild() : body 가장 밑에 html 추가

body.perpendchild(): body 가장 위에 html 추가 

 

 

 

#6 Login 전 페이지

 

#6 Login 후 페이지