如何在Javascript/jQuery中重置超時？

Question

我在我的網頁中有一個字段A，當用戶編輯時，它會調用一個API調用（使用jQuery），它會更新字段B.編輯之後，應該每隔10秒調用一次API來更新字段B再次。我目前做到這一點使用：

setTimeout(thisFunction, 10000); 

的問題是，這個超時設置每個用戶編輯領域的，其編輯領域的幾次後會導致超時被設置多次和API是時間稱許多次。這使得網站看起來很壓抑。

我更喜歡在每次編輯該字段時設置一個新的超時，無論是由用戶編輯字段A還是由達到10秒的時間間隔來輪詢API。換一種說法;如果字段B未更新10秒或更多秒，該字段應該更新。

最後，如果用戶點擊按鈕C，則應停止輪詢。

所以我的問題;我如何運行一個函數來更新字段B，如果該字段B未更新10秒或更多秒，並且我想如何停止輪詢（當用戶單擊另一個按鈕時）歡迎所有提示！

Answer 1

定時器可以與clearTimeout，因此被取消：

var timer = null; 
if (timer) { 
    clearTimeout(timer); //cancel the previous timer. 
    timer = null; 
} 
timer = setTimeout(thisFunction, 10000); 

Answer 2

var update; 

// something happened 

clearTimeout(update); 
update = setTimeout(thisFunction, 10000);