为什么这个javascript声音循环如此不一致？

Question

当它所在的页面处于焦点时，此声音循环稍微不一致（它应该每秒播放三次哔声）。但是，当在另一个标签或另一个窗口上时，蜂鸣声要慢得多（实际上它看起来几乎要慢5倍），甚至更不一致。我已经尝试了最新的chrome和firefox，并得到了类似的结果。 IE拒绝播放任何内容，但这很好。

public ObservableCollection<Result1> ListResult1 { get; set; }

public ObservableCollection<Result2> ListResult2 { get; set; }

public ObservableCollection<Result3> ListResult3 { get; set; }

为什么这么不一致？这是setTimeout（）的结果吗？有没有其他更适合我正在尝试做的事情？ （我要做的是播放响亮的嘟嘟声，直到用户关闭页面。是的，我有充分的理由。:)）

小提琴：https://jsfiddle.net/eb0fckrm/（警告：大声的哔哔声）