JQ和原生JS监听audio播放停止事件

原生JS:

专注于为中小企业提供成都网站建设、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业德兴免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了近1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

function control_f(){
    var audio_f = document.getElementById('music_f');
    var audioimg_f = document.getElementById('audioimg_f');
    if(audio_f!==null){
        if(audio_f.paused){
            audio_f.play();
            audioimg_f.src=images[0];
        }else{
            audio_f.pause();
            audioimg_f.src=images[1];
        }
    }
        {//监听语音结束
    audio_f.addEventListener('ended', function () {
        audioEnded();
    }, false);

    function audioEnded() {
        audioimg_f.src=images[1];
    }

}

JQ:

  //语音试听按钮
        $('.ll-audio-btn').click(function () {
            var bb = $(this).siblings('.ll-audio')[0];
            if($(this).hasClass('open')){
                $(this).text('暂停');
                bb.play();
                $(this).removeClass('open');

            }else{
                $(this).addClass('open');
                $(this).text('试听');
                bb.pause();
            }

            (function($){//监听语音结束
                bb.addEventListener("ended",function(){
                    $(this).siblings('.ll-audio-btn').addClass('open');
                    $(this).siblings('.ll-audio-btn').text('试听');
                    bb.pause();
                },false);

            })(jQuery);

        });

当前题目:JQ和原生JS监听audio播放停止事件
文章起源:http://bzwzjz.com/article/pedhcd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 企业网站建设 成都网站设计 成都网站设计 网站建设方案 响应式网站建设 网站建设 成都网站设计 温江网站设计 成都企业网站建设公司 成都网站设计 高端品牌网站建设 成都商城网站制作 品牌网站建设 成都网站设计 四川成都网站制作 手机网站制作 成都响应式网站建设 网站制作 网站制作 成都网站设计 网站建设公司