Javascript 使用jQuery进行音频淡入淡出

我试图淡入淡出，但我不知道我的代码出了什么问题。淡入有效，淡出无效

代码如下：

        var mPlayer = document.getElementById("pad-c");
        $(mPlayer).prop("volume", 0.0);

        var isPlaying = false;

        function playAudio() { 
            mPlayer.play(); 
            isPlaying = true;
        } 

        function pauseAudio() { 
            mPlayer.pause();
            isPlaying = false;
        } 
        function playPauseC() {
          if (isPlaying == true) {
            $(mPlayer).animate({volume: 0.1}, 5000);
            pauseAudio();
          } else {
            $(mPlayer).animate({volume: 1.0}, 5000);
            playAudio();
          }
        }

现在，在淡出的同时暂停音频。使用

complete

参数on可在淡出完成后暂停音频

function playPauseC(){
  if(isPlaying == true) {
    $(mPlayer).animate({volume: 0.1}, 5000, function() {
      pauseAudio();
    });
  } else {
    $(mPlayer).animate({volume: 1.0}, 5000);
    playAudio();
  }
}

---

请注意，Stack overflow在英语中作为一种通用语言在生活和学习中起作用！谢谢