Timer & Math

Timer (타이머)

▏setTimeout

- setTimeout (할 일, 시간);

⇨ 할 일 함수 = function(){ 실제 할 일 }

⇨ 시간 = 1000 = 1s milisecond

- 시간을 체크하고 그 시간이 소진되면 딱 한 번 내가 지정한 일을 수행함

- setTimeout을 멈추게 하는 법: clearTImeout(대상);

<script>
        /*
        웹사이트가 열리고 4초가 지나면 반갑습니다. 경고창 띄우기
        */

        var timer = setTimeout(function(){
            alert('반갑습니다');
        }, 4000);

        clearTimeout(timer);
</script>

 

▏setInterval

- setInterval (할 일, 시간);

⇨ 할 일 함수 = function(){ 실제 반복 할 일 }

- 일정 시간마다 할 일 (=반복 수행)

- setInterval을 멈추게 하는 법: clearInterval(대상);

 <script>
        var timer2 = setInterval(function(){
            alert('반갑습니다.');
        }, 4000);

        clearInterval(timer2);
</script>

ex) 4초마다 반갑습니다 경고 문구가 5번 뜨면 멈추게 하기

 <script>
   // 4초마다 반갑습니다 경고 문구가 5번 뜨면 멈춘다.
        /*
        변수명 count에 0을 할당
        변수명 interval에 setInterval 함수 할당
        setInterval이 할 일은 
        경고창을 띄운다.
        count값을 1씩 올린다.
        만약에 count 값이 5와 같다면
        setInterval을 멈춘다. 
        */
       

        var count=0;
        var interval = setInterval(function(){
            alert('반갑습니다');
            count++;
            if(count == 5){
                clearInterval(interval);
            }           
        }, 4000);      
</script>

 

---

Math

🙾  함수(연산)

- abs 절대값은 무조건 양수값으로 출력

- ceil은 인수의 소수점 이하를 올림한 정수를 반환

- floor은 인수의 소수점 이하를 내림한 정수를 반환

⇨ 양수의 경우 소수점 이하를 뗀 다음 정수 반환

⇨ 음수의 경우 소수점 이하를 뗀 다음 -1을 한 정수 반환

- round는 반올림해서 올리고 내리기

<script>
        console.log(math.abs(-7,5));
        // (음수값)이 있어도 양수로 바꿔줌
        console.log(math.ceil(7,2));
        // 8로 무조건 올림
        console.log(math.floor(7,6));
        // 7로 무조건 내림
	console.log(math.floor(-1,8));
        // -2
	console.log(math.floor(-8,1));
        // 소수점 이하를 뗀 다음 -1을 한 정수를 반환하여 -9
        console.log(math.round(7,6));
        // 반올림해서 8로 올림
        console.log(math.round(7,2));
        // 반올림해서 7로 내림
</script>

 

▏Math.random

- 0 ~ 1 사이의 난수 생성

⇨ Math.random( );

⇨ console.log(Math.random( ));

- 난수 생성하기

<script>
        var ranNum = Math.random()*10;
        var ranNum1 = Math.floor(ranNum);
        // 난수4까지 나오게 하기
        var ranNum2 = ranNum1 % 5;
        console.log('난수'+ranNum2);
</script>