[javascript] 9. setTimeout( ) & setInterval( )

지렁·2023년 9월 23일
0

setTimeout(function(){실행코드}, 시간) --> X초 후에 코드를 실행
setInterval(function(){실행코드}, 시간) --> X초마다 코드를 실행



🕑 setTimeout( )

x 초 뒤 사라지는 창 띄우기

5초 뒤에 사라지도록 하기

<div class="alert alert-danger">
       <span id="time">5</span>  
       5초 이내 구매시 사은품 증정
</div>

<script>
    setTimeout(function(){
        $('.alert').hide()}
        ,5000)
</script>


🕑 setInterval( )

1초마다 변하는 창 띄우기

실시간으로 5,4,3,2,1 로 수가 감소하도록 하기

<div class="alert alert-danger">
       <span id="time">5</span>  
       5초 이내 구매시 사은품 증정
</div>

<script>
    var time=5;
    setInterval(function(){
        if(time>0){
            time--;
            $('#time').html(time)   
        } 
        if(time ==0){
            $('.alert').hide()}
    },1000)
</script>

왜 var을 썼을까 ?

var, let 모두 사용하지만 const는 안된다

const는 재할당이 안되지만 var과 let은 가능하다



자바스크립트 문법 vs 브라우저 사용법

자바스크립트 문법만 깊게 판다고 웹 개발을 잘하는 것이 아니라,

<자바스크립트 문법>
var
let
const
if
function

➡️ 웹개발을 잘하기 위해서는 웹 브라우저 사용법을 익히는 것이 중요하다

<웹브라우저 사용법>
document.querySelector()
alert()
setTimeout()
addEventListener()

profile
공부 기록 공간 🎈💻

0개의 댓글

관련 채용 정보