Svelte5 effect函数示例疑问：为何speed up生效slow down却无效？

核心原因是旧定时器没被销毁，多个定时器同时在更新elapsed值，两种操作的叠加效果完全不同：

1. 点击Speed Up（interval减半）

   • 初始状态：interval=1000ms，创建一个每秒加1的定时器。
   • 点击后interval=500ms，$effect因依赖变更重新执行，创建一个每500ms加1的新定时器。
   • 此时两个定时器同时运行：原定时器每秒加1，新定时器每半秒加1，相当于每秒总共加3次（原1次+新2次），视觉上速度明显变快，所以看起来“生效”了。

2. 点击Slow Down（interval加倍）

   • 假设当前处于interval=500ms的状态，此时已经有两个定时器（1000ms和500ms各一个）。
   • 点击后interval=1000ms，$effect再次执行，创建第三个每秒加1的定时器。
   • 此时三个定时器同时运行：原1000ms定时器每秒加1，500ms定时器每秒加2，新1000ms定时器每秒加1，总共每秒加4次——速度比初始状态还快，自然看不到“变慢”的效果。

本质是：Speed Up是叠加了更快的定时器，总速度直接提升；Slow Down只是新增了慢定时器，但旧的快定时器还在持续工作，总速度不会下降。只有在$effect中返回清理函数（return () => clearInterval(id)），每次effect重新运行前销毁旧定时器，才能保证同一时间只有一个定时器工作，此时调整interval才会准确生效。

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