如何在JavaScript中暂停和恢复多个setTimeout？

debugcn 发表于 Dev

伊萨伊德

我陷入了似乎无法弄清的事情。我想暂停和使用多个恢复动画setTimeout，因为它是从代码清楚，但它并不适用于我。我工作了从代码：JavaScript的：暂停的setTimeout（）; 我根据程序编辑了代码，但似乎没有用。它只是从第一个状态开始播放动画，例如我暂停了，var gT=setTimeout但是从var yT=setTimeout我的代码开始看起来像这样：

var start, remaining;

    
    function pause() {
        window.clearTimeout(yT);
        window.clearTimeout(gT);
        remaining -= Date.now() - start;
    };

    function resume() {
        start = Date.now();
        window.clearTimeout(yT);
        window.clearTimeout(gT);
        yT = window.setTimeout(function(){
            all();
            loop();
        }, remaining);
        gT = window.setTimeout(function(){
            all();
            loop();
        }, remaining);


    };

pause();
resume();

kk4You

您需要声明并设置剩余并单独开始。

var start_yT,start_gT, remaining_yT, remaining_gT;

    
    function pause() {
        window.clearTimeout(yT);
        window.clearTimeout(gT);
        remaining_yT -= Date.now() - start_yT;
        remaining_gT -= Date.now() - start_gT;
    };

    function resume() {
        start = Date.now();
        window.clearTimeout(yT);
        window.clearTimeout(gT);
        yT = window.setTimeout(function(){
            all();
            loop();
        }, remaining_yT);
        gT = window.setTimeout(function(){
            all();
            loop();
        }, remaining_gT);


    };

pause();
resume();

而且，如果您需要使用更高级的暂停/恢复功能，则此链接为。这将像我们手动创建的那样分别在运行时创建每个计时器。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。