短視訊直播原始碼，視訊計時效果，可隨時按鍵暫停

短視訊直播原始碼，視訊計時效果，可隨時按鍵暫停

HTML部分:

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

js:

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

以上就是 短視訊直播原始碼，視訊計時效果，可隨時按鍵暫停，更多內容歡迎關注之後的文章