javascript - 我们可以在 jQuery 中暂停延迟吗？

Question

我有一个按钮(带有一个 ID proceed)设置为显示:无。单击 Vimeo“播放”按钮后，此按钮会延迟 10 秒出现。

是否可以在视频中点击“暂停”后暂停延迟，让计时器停止并再次点击“播放”再次启动计时器？

这是我目前所拥有的(另见 fiddle ):

<script>
    var iframe = document.querySelector('iframe');
    var player = new Vimeo.Player(iframe);

    player.on('play', function() {
  jQuery('#proceed').delay(10000).show(0);   
    });
</script>

Answer 1

您不能暂停 jQuery .delay()。但是，如果您按时间间隔手动执行操作，则可以:

//prep
let
int,
secs = 10,
elapsed = 0
;

//on play, start/resume interval timer - when we get to 10, show button
player.on('play', () => {
    int = setInterval(() => {
        elapsed++;
        if (elapsed == secs) {
            jQuery('#proceed').show();
            clearInterval(int);
        }
    }, 1000);
});

//pause interval timer on pause
player.on('pause', () => {
    clearInterval(int);
});

如果您重新开始播放视频或将播放头移回 0 秒，您可能需要完全重置间隔。