短视频直播源码，视频计时效果，可随时按键暂停

短视频直播源码，视频计时效果，可随时按键暂停

HTML部分:

 

1	<br><template><br><view><br><view><br>{{formatTime()}}<br></view><br><button @click="swichType">{{buttonText}}</button><br></view><br></template>

​

js:

 

1

<br><script><br>import moment from "moment"<br>export default {<br>data() {<br>return {<br>buttonText: '开始',<br>icon: "play-circle-fill",<br>buttonType: true, //true为开始， flase为结束<br>realTime: 0,<br>interval: '',<br>}<br>},<br>onLoad() {<br> <br>},<br>methods: {<br>formatTime() {<br>return moment(moment.duration(this.realTime, 'seconds') <br> ['_milliseconds']).utc().format('HH:mm:ss',)<br>},<br>timeIncrease() {<br>this.interval = setInterval(_ => {<br>this.realTime += 1;<br>}, 1000)<br>},<br>swichType() {<br>if (this.buttonType) {<br>this.buttonText = "暂停"<br>this.timeIncrease()<br>} else {<br>this.buttonText = "开始"<br>clearInterval(this.interval)<br>}<br>this.buttonType = !this.buttonType<br>},<br>}<br>}<br></script>

以上就是 短视频直播源码，视频计时效果，可随时按键暂停，更多内容欢迎关注之后的文章