이른바 실시간 함수

그 자리에서 함수를 정의하고 바로 사용하려고 할 때 사용하세요.

서법

즉시 함수.html

    /*
      即時関数
    */
    (function plus(number) {
      var x = 10,
          y = 5;
      console.log(x + y + number);
    })(20);

즉시 함수.html

   /*
     定義後即座に呼び出すので関数名を定義しなくてもいい
   */
    (function (number) {
      var x = 10,
          y = 5;
      console.log(x + y + number);
    })(20);

실행 결과

스크립트 탭에서 이걸 실행하면

이런 느낌으로 조종해.

언제 시작 해요?

남이 만든 소스 코드를 만들고 싶을 때, 혹은 남에게 주고 싶을 때 간섭하지 않기 위해

타이머 처리

setInterval 및 setTimeout 함수가 있습니다.
setInterval은 일정 시간마다 처리를 반복합니다.
setTimeout은 일정 시간 후에 처리를 실행합니다.

서법

Show 함수를 반복하는 경우
setInterval.html

    var i = 0;
    function show() {
      console.log(i++);
    }
    setInterval(function() {
      show();
    }, 1000);

마지막 숫자 단위는 [ms]입니다. 이번에는 1초마다 i에 숫자를 추가합니다.
setTimeout.html

    var i = 0;
    function show() {
      console.log(i++);
      var tid = setTimeout(function() {
      show();
      }, 1000)
      if (tid > 3) {
        clearTimeout(tid);
      }
    }
    show();

setTimeout은 setInterval과 달리 한 번만 실행하기 때문에 변수에 넣고 if 문장으로 반복해서 제어합니다.
clear Timeout은 중복을 중지한다는 뜻입니다.

주의

setInterval은 이전 처리 결과를 고려하지 않고 일정 시간마다 반복하기 때문에 브라우저가 감당하지 못하고 붕괴될 수 있습니다.

setTimeout은 이전 처리가 끝난 후에 실행하기 때문에 안심하십시오.

최후

색깔이 없기 때문에 색깔을 조금 더하면 보기 쉽다.