Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 音频控制-后退、前进按钮-Java脚本_Javascript_Jquery_Html - Fatal编程技术网

Javascript 音频控制-后退、前进按钮-Java脚本

Javascript 音频控制-后退、前进按钮-Java脚本,javascript,jquery,html,Javascript,Jquery,Html,当按住“下一步”按钮时,音频播放器会变得更快 代码代表一切 主要问题:如何继续正常 这是我的尝试 $(function () { var audio = document.getElementById('mine'); audio.addEventListener('durationchange', function (e) { $('.btn-forward').mousedown(function () { setInterval(fu

当按住“下一步”按钮时,音频播放器会变得更快

代码代表一切

主要问题:如何继续正常

这是我的尝试

$(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
        });
    });

});

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
        });
    });

});

等一下 只需删除EventListener并添加ClearInterval以停止循环:

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

下面是一个

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

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