解决定时器叠加问题

最新推荐文章于 2023-06-13 15:41:35 发布

原创最新推荐文章于 2023-06-13 15:41:35 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

14 篇文章

订阅专栏

本文探讨了在软件开发中如何处理定时器叠加的问题，通过分析定时器的工作原理，提出了解决策略，包括使用一次性定时器、清理过期任务和优化调度算法，以确保系统的稳定性和效率。

let demo = new Vue({
    el: '#app',
    data: {
        msg: '我是跑马灯',
        timer: null,
    },
    methods: {
        start: function () {
            if (this.timer) {
                return;
            }
            this.timer = setInterval(() => {
                let start = this.msg.substring(0, 1);
                let end = this.msg.substring(1);
                this.msg = end + start;
            }, 500)
        },
        end: function () {
           //清除定时器后将timer置为0来叠加
            clearInterval(this.timer);
            this.timer = null;
        }
    }
});