其他分享
首页 > 其他分享> > vue 页面定时器

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();
        },

  

标签:定时器,return,clear,intervalId,vue,计时器,null,页面
来源: https://www.cnblogs.com/luzt/p/14431093.html