vue 页面定时器

        data() {
            return {
                intervalId:null,    // 定时器
            };
        },

        methods: {
            // 定时刷新数据函数 30s
            // 参考教程->  https://www.cnblogs.com/aurora-ql/p/13300202.html
            dataRefreh() {
                // 计时器正在进行中,退出函数
                if (this.intervalId != null) {
                	return;
                }
                // 计时器为空,操作
                this.intervalId = setInterval(() => {
                // console.log("刷新" + new Date());
                //逻辑代码---写这里
                }, 30000);
            }, 
            // 停止定时器
            clear() {
                clearInterval(this.intervalId); //清除计时器
                this.intervalId = null; //设置为null
            },
         },
        destroyed() {
            //页面关闭时清空
            this.clear();
        },

  

posted @ 2021-02-22 16:30  搜戴斯  阅读(111)  评论(0编辑  收藏  举报