js. setInterval(), padStart(), append(), Math()

setInterval(sayHello, 5000); sayHello( )를 5초마다 실행

setTimeout(sayHello, 5000); sayHello( )를 5초 후에 실행. 1회성

---

padStart( );

(targetLength, padString) 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환.

채워넣기는 대상 문자열의 시작(좌측)부터 적용 >> string타입. 데이터 타입변환 필요하다.

 

ex) String(date.getSeconds()).padStart(2, "0");   date객체의 초를 받아와서 10초 이하, 즉 1, 2, 3초일 경우 앞에 0을 채워넣는다.

padEnd( ); 는대상 문자열의 시작(좌측)부터 적용

---

appendChild( )는 구조의 뒷 쪽에 생성

prependChild( )는 구조의 앞 쪽에 생성

ex) const bgImage = document.createElement("img"); html구조에 img태그 생성

bgImage.src = `imgs/01.jpg`; 경로 작성

document.body.appendChild(bgImage);  구조 마지막에 <img src = imgs/01.jpg> 를 추가

 

---

 

Math.round(1.4) 반올림 -> 1.4

 

Math.ceil(1.01)  올림 -> 2

 

Math.floor(1.9999) 내림 -> 1

 

Math.random() 0과 1사이 랜덤숫자 생성

* array에서는 index번호가 0부터 시작인점 유의. 

ex) qoutes[Mate.floor(Math.random( ) * quotes.length)];  0부터 quotes 배열의 길이만큼 랜덤숫자를 얻는다. + 얻은 숫자 내림!