<body>
<!-- built files will be auto injected -->
<div id="app">
<input type="button" value="浪起来" v-on:click="lang">
<input type="button" value="低调" @click="stop">
<h4>{{msg}}</h4>
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
msg: '猥琐发育！！别浪～～',
intervalId: null,
},
methods: {
lang() {
if (this.intervalId != null) return
this.intervalId = setInterval(
() => {
var start = this.msg.substring(0, 1)
var end = this.msg.substring(1)
this.msg = end + start
}, 1000
)
},
stop() {
clearInterval(this.intervalId)
this.intervalId = null
}
}
})
</script>
</body>
网友评论