<audio src="res/bg.mp3" id="m1" controls loop></audio>    <input type="checkbox" id="bgm"/>:是否播放背景音樂    <script>        bgm.onchange=function(){            if(this.checked){                m1.volume=0;                m1.play();                var timer=setInterval(function(){                    m1.volume+=0.1;                    if(m1.volume>0.9){                        clearInterval(timer);                    }                },200);            }else{                var timer=setInterval(function(){                    if(m1.volume>0){                        m1.volume-=0.1;                    }else{                        clearInterval(timer);                        m1.pause();                    }                },200);            }        }    </script>代碼如上，想要做一個點擊checkbox實現(xiàn)背景音樂淡入淡出的小功能，淡入可以實現(xiàn)，但是淡出時，我想要音量變?yōu)?時，自動暫停。但是我這個音量變?yōu)?之后，進度條仍然在走，m1.pause()沒有生效。。實在搞不明白，前端小白，求指導(dǎo)π-π