setTimeoutの問題をクリアする

Question

キーコマンドの後に「mouseactive」を1秒未満に設定しようとしていますが、その時間内にそのキーが押された場合、そのアクションをキャンセルしたいと思います。しかし、私はこれを行う方法を把握していないようです。これは...私が持っているもの

$(window).keydown(function(e) { 
if (e.keyCode == 40) { 
     e.preventDefault(); 
     mouseactive = false; 
     clearTimeout(t); 
     var t = setTimeout("mouseActive()",800); 
} else if (e.keyCode == 38) { 
     e.preventDefault(); 
     mouseactive = false; 
     clearTimeout(t); 
     var t = setTimeout("mouseActive()",800); 
} 
}); 

function mouseActive() { 
mouseactive = true; 
} 

である。しかし、これは動作しません、それはmouseactive戻ってtrueに設定されていません...誰も私が間違ってここにやっているものを私に伝えることができますか？

Answer 1

編集：クリーンアップされた冗長コード。

その他の編集：var tが$(document).readyを含む閉鎖の外側に定義されていることを確認してください。下記を参照してください。

var t = null; 

$(document).ready(function() { 
    //..below code except for var t = null 
}); 

ハンドラの外側にvar tを宣言してください。

var t = null; 
$(window).keydown(function(e) { 
    e.preventDefault(); 

    if (e.keyCode == 40) { 
     mouseactive = false; 
    } else if (e.keyCode == 38) { 
     mouseactive = false; 
    } 

    if (t != null) clearTimeout(t); 
    t = setTimeout(mouseActive, 800); 
}); 

function mouseActive() { 
    mouseactive = true; 
} 

Answer 2

あなたが「T」のすべての時間を再宣言され、これを試してみてください。

var t = null; 
$(window).keydown(function(e) { 
    if (e.keyCode == 40) { 
      e.preventDefault(); 
      mouseactive = false; 
      if(t != null) 
      { 
       clearTimeout(t); 
      } 
      t = setTimeout("mouseActive()",800); 
    } else if (e.keyCode == 38) { 
      e.preventDefault(); 
      mouseactive = false; 
      if(t != null) 
      { 
       clearTimeout(t); 
      } 
      t = setTimeout("mouseActive()",800); 
    } 
    }); 

    function mouseActive() { 
    mouseactive = true; 
    } 

Answer 3

あなたの問題はtがスコープ内に関数が実行される2回目ではないということです。 tをグローバル変数にする必要があります。

var t; 

$(window).keydown(function(e) { 
if (e.keyCode == 40) { 
     e.preventDefault(); 
     mouseactive = false; 
     clearTimeout(t); 
     t = setTimeout(mouseActive,800); 
} else if (e.keyCode == 38) { 
     e.preventDefault(); 
     mouseactive = false; 
     clearTimeout(t); 
     t = setTimeout(mouseActive,800); 
} 
}); 

function mouseActive() { 
mouseactive = true; 
} 

P.S.文字列をsetTimeoutに渡さず、関数を渡します。文字列を渡すときはevalを使用します。