Question

我有一个视频播放器，只要点击一个链接就会打开并播放，在观看两个视频后，会出现一个表格，允许您对给出的信息进行评分。

我遇到的问题是视频完成后会出现一个重播按钮。我目前有setTimeout，它取消了视频，然后它的叠加然后运行速率表单功能。但是，如果单击重放按钮，则setTimeout仍在运行，并且该功能运行的视频重播的中途。这是我的代码：

删除视频叠加

fnVideoOverlayOff = function () {

    jQuery('#video, #block, .video-closebtn').css('display', 'none');

}

JW玩家代码

jwplayer('videoScreen').setup({
        flashplayer: '/assets/js/lib/player.swf',
        allowscriptaccess: "always",
        width:972,
        height:547,
        controlbar: "none",
        autostart: true,
        playlistfile: "/assets/videos/playlist.xml",
        events: {
            onPlaylistItem: function (event) {

                jQuery(document).idleTimer('destroy');

            },
                            onPLay: function (event) {

                            },
            onComplete: function (event) {

                setTimeout(function () {

                    fnVideoOverlayOff();

                }, 10000);

                var clickCount = 0;

                if(jQuery.cookie('clickCount') == 2) {

                    fnRateOverlayOn();

                    jQuery('#video, .video-closebtn').css('display', 'none');

                }
            }
        }
    });

如果点击重播按钮，我想杀 fnVideoOverlayOff（）;

Answer 1

存储对setTimeout的引用，并在想要阻止它完成时调用clearTimeout()。

fnVideoOverlayOffTimer = setTimeout(... 

// and later on when you want to "kill" it,

clearTimeout(fnVideoOverlayOffTimer);`

理想情况下，您可以在某处声明fnVideoOverlayOffTimer以使其远离全局范围，但这是可选的。

如何正确杀死一个函数

1 个答案: