setTimeout 타이머주는 법

어떤 동작을 특정 시간이후에 실행하는 메소드 

setTimeout()

두개의 파라미터 콜백함수, ms (미리초)를 받고 

ms 후에 함수를 실행한다.

만들어둔 함수를 넣어도 된다

 

setInterval()

마찬가지로 두개의 파라미터를 받고 

ms 마다 함수를 실행한다.

 

 

 

js 문법

if

var

function

...

 

브라우저 사용법(Web Browser API 사용법)

document.querySelector()

setTimeout()

alert()

...

 

<숙제>

 

"5초 안에 구매하면 사은품증정"

이라는 문구를 1초마다 감소 시키고 0초가 될때 문구를 없앤다

 

다음 문자열에서 초만 <span> 태그로 따로 빼서 접근

아까 배운 setInterval 메소드로 1000ms 마다 함수 실행

만약 초가 0초라면 문구 숨김 hide() 메소드를 통해서

 

   var tt = 5
      setInterval(function(){
        document.querySelector('.time').innerHTML = tt
        tt -= 1
        if (tt == 0){
        $('.alert').hide()
      }

      },1000);