Question

好的，所以我在视频播放器上有一个事件监听器，用于监听“timeupdate”事件，每次更新视频播放器的当前时间码时，每秒发生5-10次。我正在编写一个功能，允许我根据视频的播放位置在一定时间内做某事。 I.E - 在第320帧暂停视频并在第420帧取消暂停。

为了节省处理能力，我创建了一个名为notStarted的全局变量，它基本上告诉函数是启动事件（暂停视频）还是停止事件（取消暂停视频），以便当notStarted为true时我们开始事件当notStarted为false时，我们结束了这个事件。

这是功能。它在开始事件后成功地使notStarted为false，但之后并没有将它改回true。

更新：以下是所有相关代码

    var frameRate = 30;

var players=new Array(_V_("video_canvas_1"), _V_("video_canvas_2"));

var canv1 = players[0];
var canv2 = players[1];

var canv1Play = 1; // Autoplay is enabled, so we set the Play state to 1 off the bat.
var canv2Play = 1; // Autoplay is enabled, so we set the Play state to 1 off the bat.
var conchShell = _V_("conch"); // Lord of the Flies, Bitch!

    var token = 0;


function currentFrame(e) {
    return frameRate * e.currentTime();
    console.log('currentTime * frameRate:' + frameRate * e.currentTime());
}

// Accepts player objects as arguments - canv1, canv2
function pause(){
    for (var i = 0, j = arguments.length; i < j; i++){
        arguments[i].pause();
        console.log( arguments[i] + '1 is paused' ); /* TODO: REMOVE CONSOLE LOGS BEFORE DEPLOYMENT */
    }
}

function play(){
    for (var i = 0, j = arguments.length; i < j; i++){
        arguments[i].play();
        console.log( arguments[i] + '1 is playing' );
    }
}
function syncSingleToConch(e) {
    e.currentTime(conchShell.currentTime());
}

function syncToConchShell() {
    async.parallel([
        async.each(players, syncSingleToConch, function(err){ console.log('error with the each function'); }),
        conchShell.currentTime(arguments[0].currentTime()),
        async.each(players, playSingle, function(err){ console.log('error with the each function'); })
    ]);
}
function pauseAtKeyFrame(startStop, player, frameStart, frameEnd) {

    if (startStop === "start") {
        pause(player);
        console.log('pausing player');
    }
    if (startStop === "stop") {
        play(conchShell, canv1, canv2);
        setTimeout(syncToConchShell(canv1), 3500);
        startStop = "start";
        console.log('playing player');
    }
}
var currentEvent = 0;
var notStarted = true;
var frameEvents = [
    {
        "type": pauseShowModal,
        "frameStart": 200,
        "frameEnd": 220,
        "canvas": canv1
    },
    {
        "type": pauseAtKeyFrame,
        "frameStart": 320,
        "frameEnd": 420,
        "canvas": canv1
    },
    {
        "type": showDivAtTime,
        "frameStart": 111,
        "frameEnd": 311,
        "canvas": canv1,
        "div": "frame100"
    }
    ]; 

function keyFrames() {
    if (notStarted === true && frameEvents[currentEvent].frameStart < currentFrame(conchShell) && frameEvents[currentEvent].frameEnd > currentFrame(conchShell)) {
        frameEvents[currentEvent].type("start", frameEvents[currentEvent].canvas, frameEvents[currentEvent].div);
        notStarted = false;
        console.log(notStarted);
    } else if (notStarted === false && frameEvents[currentEvent].frameEnd < currentFrame(conchShell)) {
        console.log(notStarted);
        frameEvents[currentEvent].type("stop", frameEvents[currentEvent].canvas, frameEvents[currentEvent].div);
        currentEvent++;
        notStarted = true;
    }
}

conchShell.addEvent("timeupdate", keyFrames);

Answer 1

如您所知，Javascript使用函数作用域，这意味着每个变量都具有在其中声明的函数的作用域。

同一个函数在一个案例中成功更改notStarted的值而不是另一个案例的事实表明发生了三件事之一。

1）if else语句中的条件不会按照您期望的方式评估为true和false，或

2）函数内部可能发生错误，导致它在按预期方式设置变量之前停止执行，或者

3）其他一些代码意外地更改了变量的值。

如果您没有调试器，可以通过代码附加步骤，我建议您输入一些alert语句，以便确定程序的执行方式。

监听器调用的Javascript函数不会更新全局变量

1 个答案: