Javascript-11 (setTimeout/setInterval)

9224 ワード
setInterval JavaScript setTimeout 基本 JavaScript テキストリンク
私がよく知っている最も把握しやすくて、最もよく使う1つかもしれません!

setTimeout


:一定時間後に関数を実行
function fn() {
  console.log(3)
}

setTimeout(fn, 3000); // (일정시간이 지난 후 실행하는 함수, 시간)

// or ( 아래처럼 출력해도 같은 말이다!)

setTimeout(function(){
  console.log('출력')
}, 3000); // 3초 후에 3 실행

// or

setTimeout(() => {
  console.log('출력')
}, 3000); // 3초 후에 3 실행
function showName(name) {
  console.log(name);
}

setTimeout(showName, 3000, 'Mike'); // 3초 후에 Mike 출력
  • 設定Timeout(関数、時間、引数)順に
    • を作成する.
  • を買収する必要がある場合は、時間後に
    • に記入してください.
    const time = function showName(name) {
  console.log(name);
};

setTimeout(showName, 3000, "Mike");

clearTimeout(time); // 아무일도 일어나지 않는다
  • settTimeoutの戻り時間、Timeoutをクリアすることで予定の
    • をキャンセルすることができる.
  • 3秒までにcleartimeoutが実行されるので、
    • は何も起こりません.

    setInterval


    :一定時間間隔で関数を繰り返す
    function showName(name) {
  console.log(name);
}

const timeId = setInterval(showName, 2000, 'Mike'); // 2초마다 계속 Mike 실행

// clearInterval(timeId );
  • はsettimeoutの使用方法と同じであるが、
    • を繰り返している.
  • を止めますか?◇clearInterval()
    • を実行する
    setInterval注意事項
    setTimeout(function () {
  console.log(2);
}, 0); // 0초 라고 해서 가장 먼저 곧바로 실행될까?? no!

console.log(1);
  • console.log(1)の結果値はまず撮影され,次いでsettimeoutのコンソールである.印刷ログ(2)
    • 現在実行中のスクリプトが終了するとsettimeoutが実行されるからです!
  • さらに、ブラウザの待機時間は基本的に約4 ms〜4 msであるため、0は少なくとも4 ms以上を必要とすることがある.
    例)
    let num = 0;

function showTime() {
  console.log(`접속한지 ${num++}초가 지났습니다`);
  if (num > 120) {
    clearInterval(tId);
  }
}

const tId = setInterval(showTime, 1000);
    • ES6 Rest, Spread Operator
    Rails開発者のためのフェニックス実用例−第1部