初学JavaScript与Svelte，寻求视唱练耳Web应用优化方案

我是JavaScript和Svelte新手，正在为学校项目开发一款视唱练耳基础学习Web应用。目前我用二维数组表示乐谱五线谱，通过以下代码片段更新数组：

onMount(() => {
    const interval = setInterval(() => {
            rand();
            portee[wch_line].main[pos] = 1;
            portee[wch_line].main[pos + 1] = 0;
            if (pos === 0) {
                reset();
            }
            pos -= 1;
        }, 10);
        return () => {
            clearInterval(interval);
        };
    });

我通过移动数组中的1来展示对应位置的音符，其余位置显示-以模拟五线谱线条。当前实现有时会卡顿，且我认为存在更优的实现方式，恳请提供改进思路。

内容的提问来源于stack exchange，提问作者Baptistegkrepo