多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
>实现效果 ![](https://box.kancloud.cn/b50424d28ab175b0a84dba79694e0d24_492x160.gif) >html代码 ``` <div id="app"> <button v-on:click="start">浪起来</button> <button v-on:click="pause">低调</button> <h1>{{msg}}</h1> </div> ``` >js代码 ``` var vm = new Vue({ el: '#app', data: { msg: '猥琐发育,别浪~!', timer: null, }, methods: { start(){ // var _this = this; /* 消除多次点击加速*/ if(this.timer !=null){ return; } this.timer = setInterval(()=>{ var start = this.msg.substring(0, 1); var end = this.msg.substring(1); this.msg = end + start; }, 400); }, pause(){ clearInterval(this.timer); this.timer = null } } }) ```