Javascript中暫停功能的實現

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

方法一：使用setTimeOut來實現

==========================================================

我們做暫停時候可以吧一個函數分為兩部分，暫停操作前的不變，把要在暫停後執行的代碼放在this.NextStep中。
為了控制暫停和繼續，我們需要編寫兩個函數來分別實現暫停和繼續功能。
暫停函數如下：
*/
function Pause(obj,iMinSecond){
    if (window.eventList==null) window.eventList=new Array();
    var ind=-1;
    for (var i=0;i<window.eventList.length;i++){
        if (window.eventList[i]==null) {
            window.eventList[i]=obj;
            ind=i;
            break;
        }
    }
    if (ind==-1){
        ind=window.eventList.length;
        window.eventList[ind]=obj;
    }
    setTimeout("GoOn(" + ind + ")",iMinSecond);
}

/*
該函數把要暫停函數放到數組window.eventList裡，同時通過setTimeout來調用繼續函數。
繼續函數如下：
*/
function GoOn(ind){
    var obj=window.eventList[ind];
    window.eventList[ind]=null;
    if (obj.NextStep) obj.NextStep();
    else obj();
}
/*
該函數調用被暫停函數的NextStep方法，如果沒有這個方法則重新調用該函數。
函數編寫完畢，我們可以作如下冊是：
*/
function Test(){
alert("hellow");
Pause(this,1000);//調用暫停函數
this.NextStep=function(){
alert("NextStep");
}
}
</script>

----------------------------------------------------------------------------------------------------

以下指令碼完成類似功能：

function checkuserinfo()
{
      window.setTimeout(checkuses,5000);
      function checkuses()｛
         alert("5秒後我運行");
     ｝
｝

==============================================================================

方法二：使用函數閉包來實現

===============================================================================

<input type="button" value="繼續" onclick='st();'/>
<script>
/*函數*/
function test(x)
{
    alert(x++);
    alert(x++);
    return function()
    {
        alert(x++);
        alert(x++);
    }
}
var st = test(10);
</script>

這是基本形式，最多是多層嵌套問題。

===============================================================================

方法三：正則替換

===============================================================================

<button onclick="cont()">continue</button>
</body>
<script>

function aa()
{
    alert("1");
    pause();
    alert("2");
}
aa();

var cont ;

function pause()
{
window.onerror = function(){return true;};

    var re = /pause(\s|.)*}/;
    var s = pause.caller.toString();
    var r = s.match(re);
    r = r[0];
    var s2 = r.replace(/pause;|}/g,"");

cont = function() {eval(s2);window.onerror=null;};
throw new Error();
}

</script>
</html>

這樣不能儲存程式暫停時的目前狀態...
之所以用閉包是為了儲存“呼叫堆疊”，包括所有全域和局部變數在暫停時的當前值等
用閉包配合正則替換的原理...實現Pause()就比較完美了^^

================================================================================

方法四：閉包+正則替換，有待實現

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More