通过切换和空闲检查每 5 秒获取一次文件不会停止

Question

var timeoutId;

function getenginedetails(){
    $.get('engine.php', function(enginedata) {
        $('#detailsoutput').html(enginedata);
    })

    timeoutId = setTimeout(getenginedetails, 5000);
}

getenginedetails();

$(document).ready(function(){   
    $('#pause').toggle( function() {
        clearTimeout(timeoutId);
        ('#pause').attr({ value: "Start" });
    }, function() {
        getenginedetails();
        ('#pause').attr({ value: "pause" });
    });
});

$.idleTimer(60000);

 $(document).bind("idle.idleTimer", function(){
    clearTimeout(timeoutId);
    ('#pause').attr({ value: "Start" });
 });

你好，我正在使用 jQuery 空闲计时器插件 ( http://paulirish.com/2009/ jquery-idletimer-plugin/ ）来检查用户是否在 60 秒内没有空闲。如果他空闲，它将停止获取engine.php 文件。我还想添加一个暂停按钮，如果用户空闲，游戏会自动暂停。但整件事都行不通。它只获取文件，当我按下按钮时，文件会再次出现。

---

编辑：

@Mash：

var paused = false;

function getenginedetails(){
    $.get('engine.php', function(enginedata) {
        $('#detailsoutput').html(enginedata);
    })

    if (!paused){
        timeoutId = setTimeout(getenginedetails, 5000);
    }
}

function setpause(){
    paused = true;
    ('#pause').attr({
        value: "  Haal van pauze af  ",
        onclick: "setnonpause();"
    });
}

function setnonpause(){
    paused = false;
    ('#pause').attr({
        value: "  Zet op pauze  ",
        onclick: "setpause();"
    });
}

$.idleTimer(60000);

 $(document).bind("idle.idleTimer", function(){
    setpause();
 });

getenginedetails();

这也不起作用。我在 ('#pause').attr({?

Answer 1

在 getenginedetails() 函数中，您应该检查它是否已暂停，因此，不要调用 setTimeout(getenginedetails, 5000)
为此，您必须添加一个布尔变量，例如：

var Paused = false;

，该函数将如下所示：

function getenginedetails(){
    $.get('engine.php', function(enginedata) {
        $('#detailsoutput').html(enginedata);
    })

    if (!paused){
        timeoutId = setTimeout(getenginedetails, 5000);
    }
}