jsで数秒後に処理を実行したい時、

hoge.js


setTimeout(function(){
    console.log("2秒後に実行！");
}, 2000);

のようにsetTimeoutを使うと思いますが、
ミリ秒が直感てきでないし、0を3つ書くのが
めんどくさいなと思っていたところ、
こんな関数を作ってるコードを発見しました。

hoge.js



delayedCall(2,function(){
    console.log("2秒後に実行！");
});


// 数秒後に実行メソッド
function delayedCall(second, callBack){
  setTimeout(callBack, second * 1000);
}

この関数名だと
そんなにタイプ数は変わりませんが、
個人的にお気に入りです！

フレームアニメーションの時とかに使ってます。

hoge.js


$(function(){
    animateTo('intro');
});

// アニメーション管理
function animateTo(frameName) {
  switch (frameName) {
    case 'intro':
      delayedCall(1, function(){
          // なんかアニメ
      });
      animateTo('frame1');
      break;
    case 'frame1':
      delayedCall(1, function(){
          // なんかアニメ
      });
      animateTo('frame2');
      break;
    case 'frame2':
      delayedCall(3, function(){
          // なんかアニメ
      });
      break;
  }
}

// 数秒後に実行メソッド
function delayedCall(second, callBack){
  setTimeout(callBack, second * 1000);
}

完

ポケモンGO 楽しい