作者red0whale (red whale)
看板Ajax
標題[問題] 有沒有辦法強制停止正在執行中的JavaScript函數?
時間Sun May 22 15:00:30 2016
<script>
var fn = function(url){
// bla bla bla...
};
</script>
<input type="button" onclick="fn()" value="Execute">
<input type="button" onclick="???" value="Abort">
如上，當使用者按下“Execute”按鈕時，“fn()”函數就會被執行。
假設fn()函數會執行很久，
如果使用者想在中途停止這個函數的執行(按“Abort”按鈕)，
請問我該怎麼做?
如果說“fn()”函數有哪些的話，就像AJAX或其他可能要跑很久的程式
當然，除了AJAX之外還有可能是其他哩哩摳摳的函數。
不管，反正就是要強制讓該函數停止的方法為何?
----------
舉下面這個例子：
<script>
var a = 0;
function fn(){
a++;
$("#num").text(a);
setTimeout("fn()", 10);
};
</script>
<div id="num"></div>
<input type="button" onclick="fn()" value="Execute">
<input type="button" onclick="???" value="Abort">
請問該如何讓“fn()”函數停止，而且不能使用clearTimeout函數?
(目的是要讓fn()函數能夠整個強迫中止而非只是停止那個計數器而已)
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.139.104.211
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1463900435.A.395.html
1F：→ Kenqr: 先檢查某個變數為true時，再setTimeout05/22 16:05
2F：→ Kenqr: 按abort鈕時就去改變那個變數的內容05/22 16:06
3F：推 mrbigmouth: 一定要使用timeout系列函數 否則fn執行中使用者是完05/22 16:17
4F：→ mrbigmouth: 全不可能做到任何事的 包括捲卷軸或點擊按鈕都不行05/22 16:17
5F：→ mrbigmouth: 畫面會整個當掉 因為JavaScript是單執行緒的執行環境05/22 16:17
6F：→ mrbigmouth: 使用者永遠只可能在fn執行一段落後才可能動作05/22 16:18
<script>
var a = 0;
function fn(){
a++;
$("#num").text(a);
setTimeout("fn()", 10);
};
</script>
<div id="num"></div>
<input type="button" onclick="fn()" value="Execute">
<input type="button" onclick="alert('Abort');" value="Abort">
如果像這樣呢? 當fn()函數正在執行時，按下Abort鈕一樣可以顯示警告視窗呀
為什麼會說整個畫面會當掉呢?
謝謝
※ 編輯: red0whale (101.139.104.211), 05/22/2016 21:30:45
7F：推 eight0: fn() 並沒有執行很久，而是執行「很多次」05/22 22:52
8F：→ eight0: Abort 並不是在 fn() 執行中被按下的，而是在兩次 fn() 之05/22 22:53
9F：→ eight0: 間被按下的05/22 22:53
10F：→ eight0: fn() 和 setTimeout(fn) 的效果是不一樣的05/22 22:55
11F：推 shadowjohn: 用 flag吧~true時可跑，false return掉05/22 23:28
12F：推 mrbigmouth: eight0說的沒錯 還有像ajax在發送出去到回來之間05/23 07:16
13F：→ mrbigmouth: function也是沒在執行的05/23 07:16
14F：→ mrbigmouth: 所以能中間中斷的function 只可能是setTime系列那種05/23 07:17
15F：→ mrbigmouth: 本身自己就不斷中斷不斷執行的function 方法其他人說05/23 07:17
16F：→ mrbigmouth: 很多了 但你原本問的那種直接中斷function是不允許的05/23 07:17
謝謝各位
那麼想請問一下，
如果沒有辦法直接中止function，
那有沒有辦法直接中止「目前function的步驟」?
例如fn包含很多程序(例如先執行ajax、再執行setTimeout、又再執行jquery的屬性設定
等等)
有辦法說在執行fn函數時，
強制停止該函數至某一步驟(階段)嗎？
換句話說，當使用者執行了fn函數後，
假設現在程式剛執行完ajax，
準備執行setTimeout，
好巧不巧這時使用者按下abort按鈕，
請問有辦法中止現在這函數的步驟嗎？
另外，要怎麼知道函數現在正在執行ajax
(應該說要怎麼知道ajax才剛發送request，但還沒success呢)
謝謝
※ 編輯: red0whale (101.139.104.211), 05/23/2016 07:57:11
17F：→ mirtac: 基本上是做不到的， 除非使用worker, 但要注意 worker中不 05/23 14:04
18F：→ mirtac: 能存取 dom , 還有較舊的browser不支援worker 05/23 14:04
19F：→ mrbigmouth: 自己用變數紀錄現在在哪個步驟囉 05/23 16:30