在线直播系统源码，默认倒计时，自定义输入时间倒计时

在线直播系统源码，默认倒计时，自定义输入时间倒计时

html部分代码

 

1	<div id="app"><br>    <input type="num" v-model="time"><br>    <input type="button"  @click="click_input(time)" value="点击"><br>    <div>{{ get_code }}</div><br></div><br>

​

js部分代码

 

1

var app = new Vue({<br>  el: '#app',<br>  data() {<br>    return {<br>       time:60,// 默认为60秒倒计时，可以输入修改<br>       get_code:'输入上方倒计时数字 -- 默认60',// 倒计时数字<br>    }<br>  }, <br>  methods: {<br>    // 点击倒计时<br>    click_input(time){<br>        this.count_down(time)<br>    },<br>    // 倒计时<br>count_down(time){<br>// 开始倒计时<br>var time_lang = time<br>this.get_code = '正在计时' + time + 's'<br>var time_stop = setInterval(()=>{<br>--time_lang<br>if(time_lang > 0){ // 时常大于0<br>this.get_code = '正在计时' + time_lang + 's'<br>}else{ // 倒计时小于0<br>time_lang = time<br>                this.get_code = '倒计时结束'<br>clearInterval(time_stop)<br>}<br>},1000)<br>},<br>  }<br>});

 

 以上就是在线直播系统源码，默认倒计时，自定义输入时间倒计时， 更多内容欢迎关注之后的文章