如何正确杀死一个函数

时间:2013-02-20 16:08:52

标签: jquery function jwplayer die

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

我遇到的问题是视频完成后会出现一个重播按钮。我目前有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();

1 个答案:

答案 0 :(得分:2)

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

fnVideoOverlayOffTimer = setTimeout(... 

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

clearTimeout(fnVideoOverlayOffTimer);`

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