audio controll - 后退,前进按钮 - Java脚本

时间:2015-09-17 19:00:41

标签: javascript jquery html5

当按住下一个按钮时,音频播放器会更快...

代码代表一切

  

主要问题:如何继续正常?

这是我的尝试

http://jsfiddle.net/1t6g8oLg/

的jQuery

$(function () {
    var audio = document.getElementById('mine');
    audio.addEventListener('durationchange', function (e) {
        $('.btn-forward').mousedown(function () {
            setInterval(function () {
                audio.currentTime += 10;
            }, 200);
        }).mouseup(function () {
            // Continue to normal
        });

        $('.btn-backward').mousedown(function () {
            setInterval(function () {
                audio.currentTime += 10;
            }, 200);
        }).mouseup(function () {
            // Continue to normal
        });
    });

});
  

暂停! < 3

1 个答案:

答案 0 :(得分:2)

只需删除EventListener并添加ClearInterval即可停止循环:

$('.btn-forward').mousedown(function () {
    audio.pause();
    intervalo = setInterval(function () {
        audio.currentTime += 10;
    }, 200);
}).mouseup(function () {
    clearInterval(intervalo);
    audio.play();
});

这是Fiddle