HTML/Javascript：多個onClick函數觸發順序/延遲？

Question

一個基本的認識問題：

具有的onClick作用的元素 - 多個JavaScript調用正在取得：

onclick="function1();function2();function3()" 

然而，隨着功能3取決於期函數的動作，我需要確保功能3直到function1全部完成。而這似乎並不是事物的自然順序，實際上似乎所有3種功能在同一時間或多或少地發射（至少不等待彼此完成）。無論如何，我能做到這一點？

編輯：不能從相同functinon調用做到這一切，它是某些更新div的（大部分）Ajax調用...

進一步編輯：好了，可以看到，也許需要進一步澄清（認爲有一個簡單的，合乎邏輯的方式來處理它，可以這麼說...）

函數調用正在觸發ajax動作，該動作通過PHP更新頁面（div的內容）。如果我應該使用返回值，那麼我應該修改我的中心ajax js函數，以便在完成時返回某些內容，並且只有在設置了該值時才觸發下一個函數。任何人都有一個很好的片段來做到這一點onClick事件..？ :-)

或...作爲一個黑客的東西 - 我應該堅持在function3前1秒的延遲？ :-)我將如何去直接在onClick事件中？ :-)

Answer 1

如果你不想改變的onclick的定義，那麼你可以做這樣的：

onclick="function1();function2();function3();" 

腳本：

function1Complete = false; 

function1(){ 
// some stuff 
function1Complete = true; 
} 

function3(){ 
    if (function1Complete){ 
    // Put your code here 
    }else{ 
    setTimeout(function3, 1000); 
    } 
} 

這不是最好的和乾淨的解決方案。但如果您沒有任何其他解決方案，這將對您有所幫助。

Answer 2

，而不是調用有所有功能直接的onClick你應該嘗試從另一個

像這樣調用一個函數：

onClick="function1()" 

，然後從funtion1（）調用funtion2（）

function function1() 
{ 
//your code here 

funtion2(); 

} 

等等....

Answer 3

您可以callba工作中正：

function function1(callback) { 
    // do your stuff 
    if (callback) { callback(); } // calls your next function 
} 
function function2(callback) { 
    // do your stuff 
    if (callback) { callback(); } // calls your next function 
} 
function function3() { 
    // function 3 stuff 
} 

，如果你依賴於一個setTimeout完成，只需您的通話添加到回調在setTimeout一部分。

，並調用它像這樣：

<a onclick="function1(function() { function2(function() { function3() }) });">call functions</a>