单个HTML页面上的多个计时器

Question

我有以下JavaScript代码来更新页面上的图块：

Try
    Dim file = Await ApplicationData.Current.LocalFolder.CreateFileAsync("__AppAndBackgroundSync.lock", CreationCollisionOption.OpenIfExists)
    Await file.OpenAsync(FileAccessMode.ReadWrite)
    '...
Catch ex As UnauthorizedAccessException
    Throw New AppAndBackgroundConcurrencyViolationException()
End Try

这样可行，但每次迭代中更新的任何图块都会一次更新。如何为每次更新设置不同间隔的独立计时器？

Answer 1

您只有一个计时器：window.setTimeout(UpdateTiles, delay)，根据需要添加更多计时器我可以订购多个计时器。

为什么要复制代码3次？

改为使用函数并在每个函数中设置超时。

Answer 2

考虑以下JSFiddle作为解决方案。

我通过对所有3个调用使用1个函数来简化它，现在它们在不同（随机）时间更新。用于调用更新的键是以下行。

setTimeout(function () {updateTileSet(label,value,progress)}, delay);