分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 02:23责任编辑:胡小海关键词:暂无标签
原生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播放停止事件

原文地址:http://blog.51cto.com/11052360/2320335

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved