Youtube Iframe API:特定getcurrenttime()上的触发函数

Question

我正在尝试在player.getCurrentTime() == 10秒时触发函数（以及更多这样的间隔）。

我可以使用JS定时事件来做到这一点，但它不准确并且非常减慢我的浏览器速度。

有替代品吗？

当前代码：

trigFuncAt = Array(3, 5, 7, 10);
setInterval(checkFunc(), 200);
function checkFunc(){
    if( include( trigFuncAt, player.getCurrentTime() ) ){
        DoThis();
    }
}
function include(arr,obj) {
    return (arr.indexOf(obj) != -1);
}
function DoThis(){...}

player.getCurrentTime()是一种计时器变量，它每毫秒都会改变。

YT API：https://developers.google.com/youtube/iframe_api_reference

Answer 1

这个想法是你使用 setTimeout 而不是 setInterval，因为你无法保证函数需要执行的时间在间隔时间之间足够。此外，您还需要转换为当前时间。示例代码：

// implicit global video containing YT video
var keypoints = [1, 2, 3, 10, 15];
var updatePlayerInfo = function() {
    var played,
        i = 0,
        keypoint;
    // not ready?
    if (!video.getCurrentTime) {
        return false;
    }
    // ready!
    if (played = parseInt(video.getCurrentTime(), 10)) {
        for (; keypoint = keypoints[i++]; ) {
            if (keypoint === played) {
                // do something
                doSomething();
                break;
            }
        }
    }
    // throttle function!
    setTimeout(function(){
        updatePlayerInfo();
    }, 250);
};