jQuery - ボタンクリックで関数を再実行

Question

ボタンクリックで再実行するためにjQueryコードが必要な非常にユニークな状況があります。追加合併症は以下のとおりです。

• は私がブラウザウィンドウが
• すべてのコードは、のsetTimeout（）のパラメータの範囲内でリフレッシュするために許可することはできません - わからない、これは本当に「

私ができる重要な場合クリックイベントの中にコードをラップするのは、ページの最初のオープン時またはリフレッシュ時に自動的に実行する必要があるためです。

setTimeout(function() { 
    // all the scripts that need to run 
}, 2500); 

$('.btn').click(function() { 
    // re-run the above code without refreshing window or browser 
}); 

この文脈でのボタンのクリックでコードを再実行する方法はあります：次のコンテキストのビットは、私は嘲笑しまし追加するには？

Answer 1

これは実際にはかなり一般的な問題です。

あなたは両方の場所で実行する必要があるコードが含まれている機能を確認し、そしてのsetTimeoutとのonclickハンドラから関数を呼び出す：

function someCode() { 
    // Your code here 
} 

setTimeout (someCode, 2500); 

$('.btn').click(someCode); 

疑いで、機能を作るとき。

Answer 2

は、独自の機能で実行されている必要がありますすべてのコードを入れて、あなたが何ができるか

function myFunc() 
{ 
    // all the scripts that need to run 
} 

setTimeout(function() { 
    myFunc(); 
}, 2500); 

$('.btn').click(function() { 
    myFunc(); 
}); 

Answer 3

両方の場所で関数を呼び出すsetTimeout()の両方で呼び出すことができます変数内の機能を設定されていますそしてまたclick()イベントに

var nameOfFunction = function() { 
 
    console.log('Hello World!'); 
 
} 
 
setTimeout(nameOfFunction, 2500); 
 

 
$('.btn').on('click', function(e) { 
 
    e.preventDefault(); 
 
    nameOfFunction(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button class="btn">Click Me</button>

Answer 4

Javascriptオブジェクトは参照によって渡されるので、各コールバックで関数を名前で参照するだけで済みます。

function myFunc(){ 
 
    // all the scripts that need to run 
 
} 
 

 
setTimeout(myFunc, 2500) 
 

 
$('.btn').click(myFunc)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>