切换HTML按钮暂停和恢复功能

toggle html button pause and resume functions

本文关键字：恢复 功能 暂停 HTML 按钮 切换      更新时间：2023-09-26

我正在播放一个音频文件，我想暂停并继续播放这个文件。我有pause()和resume()函数，我有以下html按钮

<a id="btn_pause" class="btn btn-success btn-large " onclick="$('#audioLayerControl')[0].pause()"><i class="icon-pause icon-white"></i></a>

我想切换按钮，当用户单击暂停按钮时，调用resume()函数。怎么会这样?

看起来像jQuery，所以删除内联事件处理程序并添加一个合适的是更好的。
然后检查audio.paused属性，如果音频暂停

$('#btn_pause').on('click', function(e) {
    e.preventDefault();
    var audio = $('#audioLayerControl').get(0);
    if (audio.paused) {
        audio.play();
    } else {
        audio.pause();
    }
});
相关文章：