JQ和原生JS監聽audio播放停止事件
阿新 • • 發佈:2018-11-22
music audio == img on() tex dde dev func 原生JS:
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播放停止事件