m0_73580557 2022-09-05 21:52 采纳率: 100%
浏览 29
已结题

设置按钮没反应求解决

<div> 
    <p id="time"></p>
    <audio id="myAudio" src="C:\Users\31979\Desktop\静态的QQ音乐\雨.mp3" controls="controls"></audio>
    <input type="button" id="playStop" value="Play"/>
    <input type="button" id="volumeUp" value="+"/>
    <input type="button" id="volumeDown" value="-"/>
    <input type="button" id="loop" value="Loop off"/>
    <P id="volumeValue"></P>
</div>
<script type="text/javascript">
    var audio= document.getElementById("myAudio");//音频
    var time= document.getElementById("time");
    var volumeValue= document.getElementById("volumeValue");
    var volume =100;
    var volumeUpBtn= document.getElementById("volumeUp"); 
    var volumeDownBtn= document.getElementById("volumeDown");
    var PlayStopBtn= document.getElementById("playStop");//获取按键
    var loopBtn= document.getElementById("loop");
    
    var playStop=function(){
        if(audio.paused==true){
            audio.play();
        }else{
            audio.paused(); 
        }
    }
    var volumeUp=function(){
        if (volume<100) {
            audio.volume+=0.1;
            volume+=10;
            volumeValue.innerHTML="音量"+volume.toString()+"%";
        }
    }
     var volumeDown=function(){
        if (volume>0) {
            audio.volume-=0.1;
            volume-=10;
            volumeValue.innerHTML="音量"+volume.toString()+"%";
        }
    }
    var loopSwitch=function(){
        if(audio.loop==false){
            audio.loop=true;
            loopBtn.value="Loop On";
        }else{
            audio.loop=false;
            loopBtn.value="Loop off";
        }
    }
    audio.onplaying=function(){
        PlayStopBtn.value="Pause";
    }
     audio.onpause=function(){
        PlayStopBtn.value="play";
    }
    audio.oncanplay=function(){
        time.innerHTML="播放时长"+Math.floor(audio.currentTime)+"/"+Math.floor(audio.duration);
        volumeValue.innerHTML="音量"+volume.toString()+"%";
    }
     audio.ontimeupdate=function(){
        time.innerHTML="播放时长"+Math.floor(audio.currentTime)+"/"+Math.floor(audio.duration);
     }  
   PlayStopBtn.addEventListener('click',PlayStop );
   volumeUpBtn.addEventListener('click', volumeUp);
    olumeDownBtn.addEventListener('click',volumeDown);
    loopBtn.addEventListener('click',loopSwitch );
</script>
  • 写回答

1条回答 默认 最新

  • Z_pigeon 2022-09-06 09:16
    关注
    1. pause写错

    img


    2. 变量写错

    img


    有问题先看console控制台,一般都会有报错信息的

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 2月24日
  • 已采纳回答 2月24日
  • 创建了问题 9月5日

悬赏问题

  • ¥15 2020长安杯与连接网探
  • ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法
  • ¥15 matlab代码代写,需写出详细代码,代价私
  • ¥15 ROS系统搭建请教(跨境电商用途)