JS获取Audio音频的实时时间

个人blog，欢迎关注加收藏

获取Audio音频的实时时间

项目：H5绣红旗

//监听音乐实时播放的时间
        watchMusicTime(){
            let _this = this;
            //监听播放时间
            let musicDom = document.getElementsByTagName('audio')[0];//获取Audio的DOM节点
            //使用事件监听方式捕捉事件
            musicDom.addEventListener("timeupdate",function(){//监听音频播放的实时时间事件
                let timeDisplay;
                //用秒数来显示当前播放进度
                timeDisplay = Math.floor(musicDom.currentTime);//获取实时时间
                // console.log(timeDisplay)
                //处理时间
                //分钟
                let minute = timeDisplay / 60;
                let minutes = parseInt(minute);
                if (minutes < 10) {
                    minutes = "0" + minutes;
                }
                //秒
                let second = timeDisplay % 60;
                let seconds = Math.round(second);
                if (seconds < 10) {
                    seconds = "0" + seconds;
                }
                _this.$store.state.realMusicTime = minutes+":"+seconds;//将实时时间存储到vuex中
                // console.log(_this.$store.state.realMusicTime);
            },false);
        }