javascript - 使用 Blazor 多次调用 JS 互操作

Question

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

Answer 1

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