<div id="app">
        <input type="button" value="开始" @click="lang">
        <input type="button" value="挺" @click="clear">
        <p>{{msg}}</p>
    </div>

　　

var vm = new Vue({
            el: "#app",
            data: {
                msg: "我哈你丹江口安居客耙齿菌",
                id: null,
            },
            methods: {
                lang: function () {
                    if (!this.id) {//值为true指向下面这一段代码
                        this.id=setInterval(() => { 
                            var start = this.msg.substring(0, 1);
                            var end = this.msg.substring(1);
                            this.msg = end + start; //是最后一段拼接上前面的一段

                            //当开启定时器后 id就改变为了2哦
                            console.log(this.id) //2
                        }, 400);
                    } else {
                    
                    }
                },
                clear: function () {
                   clearInterval(this.id);  //清除定时器后  id仍然为2
                   console.log("清除前id为"+this.id);
                   this.id=null;
                }
            },

        })
    </script>

 

遇见问题，这是你成长的机会，如果你能够解决，这就是收获。


作者：​​晚来南风晚相识​​​


本文版权归作者所有，欢迎转载，未经作者同意须保留此段声明，在文章页面明显位置给出原文连接

如果文中有什么错误，欢迎指出。以免更多的人被误导。