微信小程序使用slider实现音频进度条_javascript技巧_

          {{playtime}} / {{alltime}} 

var _self = this; var innerAudioContext = this.data.innerAudioContext; innerAudioContext.onCanplay(() => {    //初始化duration   innerAudioContext.duration   setTimeout(function () {       //延时获取音频真正的duration       var duration = innerAudioContext.duration;       var min = parseInt(duration / 60);       var sec = parseInt(duration % 60);       if (min.toString().length == 1) {         min = `0${min}`;       }       if (sec.toString().length == 1) {         sec = `0${sec}`;       }       _self.setData({          audioDuration: duration,          alltime: `${min}:${sec}`       });    }, 1000) })

//设置一个计步器 clearInterval(this.data.durationIntval);     this.data.durationIntval = setInterval(function () {       //当音频在播放时执行       if (_self.data.playing) {         //获取音频的播放时间，进度百分比         var seek = _self.data.audioSeek;         var duration = innerAudioContext.duration;         //当音频在播放时，每隔一秒音频播放时间+1，并计算分钟数与秒数         var min = parseInt((seek + 1) / 60);         var sec = parseInt((seek + 1) % 60);         if (min.toString().length == 1) {           min = `0${min}`;         }         if (sec.toString().length == 1) {           sec = `0${sec}`;         }                 //当进度条完成，停止播放，并重设播放时间和进度条                 var time = _self.data.audioTime;         time = parseInt(100 * seek / duration);         if (time >= 100) {           innerAudioContext.stop();           _self.setData({             audioSeek: 0,             audioTime: 0,             audioDuration: duration,             playing: 0,             playtime: `00:00`,           });           return false;         } else {           //正常播放，更改进度信息，更改播放时间信息           _self.setData({             audioSeek: seek + 1,             audioTime: time,             audioDuration: duration,             playtime: `${min}:${sec}`           });         }       }       console.log(_self.data);     }, 1000);

var _self = this;     //获取进度条百分比     var value = e.detail.value;     _self.setData({       audioTime: value     });     var duration = _self.data.audioDuration;     //根据进度条百分比及歌曲总时间，计算拖动位置的时间     value = parseInt(value * duration / 100);     console.log(value);     //更改状态     _self.setData({       audioSeek: value     });     var innerAudioContext = _self.data.innerAudioContext;     //调用seek方法跳转音频时间     innerAudioContext.seek(value);     //播放音频     innerAudioContext.play();