~~~
//HTML
<div id="app">
<input type="button" value="浪起来" @click="lang">
<input type="button" value="低调" @click = "stop">
<h4>{{msg}}</h4>
</div>
~~~
~~~
//JS
new Vue({
el: '#app',
data: {
msg: "猥琐发育，别浪~~~",
// 给定时器一个名字
timer: null
},
methods: {
lang: function () {
if (this.timer!=null) {
return
} else {
this.timer = setInterval(() => {
var start = this.msg.substring(0, 1);
var end = this.msg.substring(1);
this.msg = end + start;
}, 300)
}
console.log(this.timer);
},
stop(){
clearInterval(this.timer);
this.timer = null;
}
}
})
~~~
