使用 Blazor 多次调用 JS 互操作

Question

我的服务器端 Blazor 应用程序多次调用应该移动 div 的 javascript 函数（使用 setInterval）。 问题是该函数不等待上一次调用完成。结果，DOM同时从不同的js互操作中改变，导致不可预知的结果。我原以为电话会被堆积起来并一个接一个地运行。 你知道我该如何解决这个问题吗？非常感谢！

Answer 1

似乎唯一的方法是使用 DOM 上的自定义数据属性作为锁。 类似的东西：data-lockincrement="0" 每个 JSInterop 调用都应该包含 lockincrement，所以 Setinterval 会一直持续到 lockincrement 匹配值，这意味着调用将按顺序执行。