javascript 在获取视频播放器当前时间时停止响应

Question

var startTime = parent.startTime;
var endTime = parent.endTime;
var divID = '#'+parent.divId;
var description = parent.description;

do {
    var currentTime1 = $('video').get(0).currentTime;
    if(currentTime1 >= startTime) {
        console.log('in if');alert('hi');
        parent.$(divID).append(description);
    }
    setTimeout(function(){$('video').get(0).currentTime = $('video').get(0).currentTime + 1; currentTime1 = parseInt($('video').get(0).currentTime); }, 1000);

} while (currentTime1 <= endTime);

parent.$(divID).empty(); console.log('at end');

上面的代码停止响应，调试器显示这一行 var currentTime1 = $('video').get(0).currentTime;

Answer 1

你的代码进入无限循环，因为

do {
    var currentTime1 = $('video').get(0).currentTime;
} while (currentTime1 <= endTime);

它的执行速度与您的浏览器允许的一样快，所以它卡住了，因为 setTimeout 将在 1 秒后执行，而您的 currentTime1 永远不会改变。

请更改逻辑 - use video events, like timeupdate