JavaScript监控变动然后在变动完成后只执行一次代码

你可以使用MutationObserver来监控DOM元素的变化，并且使用setTimeout函数来延迟执行代码，从而在变动完成后只执行一次代码。以下是一个示例代码：

// 选择要监控的DOM元素
const targetNode = document.getElementById('target');

// 创建一个MutationObserver实例
const observer = new MutationObserver((mutationsList, observer) => {
  // 在变动完成后延迟执行代码
  setTimeout(() => {
    // 执行你的代码
    console.log('DOM变动完成并且只执行了一次！');
  }, 500);
});

// 配置MutationObserver实例
const config = { attributes: true, childList: true, subtree: true };

// 开始监控DOM元素的变化
observer.observe(targetNode, config);

在这个示例代码中，我们首先选择要监控的DOM元素，并创建一个MutationObserver实例。然后，我们配置MutationObserver实例来监控DOM元素的属性变化、子元素列表的变化和整个子树的变化。最后，我们开始监控DOM元素的变化，并在变动完成后延迟执行代码。这样就可以保证代码只会执行一次，并且在DOM元素变动完成后执行。

相关问题

forEach后如何让if语句中的代码只执行一次

如果你希望在`forEach`循环中的`if`语句中的代码只执行一次，可以使用一个标记变量来实现。在循环开始之前，将标记变量设置为`false`，当条件满足时，将标记变量设置为`true`。在`if`语句之后，检查标记变量是否为`true`，如果是，则跳出循环。

以下是一个示例代码：

let arr = [1, 2, 3, 4, 5];
let flag = false;

arr.forEach((item) => {
  if (item === 3 && !flag) {
    console.log("执行代码");
    flag = true;
  }
});

在上面的示例中，只有当`item`的值为`3`且`flag`为`false`时，`if`语句中的代码才会执行，并将`flag`设置为`true`。在循环结束后，将不会再次执行`if`语句中的代码。

jquery一秒后只执行一次定时任务

你可以使用`setTimeout()`和`setInterval()`方法来实现一秒后只执行一次的定时任务。例如，下面的代码将每秒钟执行一次定时任务，但只在第一次执行后的一秒钟再次执行：

var flag = true;
setTimeout(function() {
  flag = false;
  doSomething(); //执行定时任务
}, 1000);

setInterval(function() {
  if(flag) {
    return;
  }
  flag = true;
  setTimeout(function() {
    flag = false;
  }, 1000);
  doSomething(); //执行定时任务
}, 1000);

在上面的代码中，我们用`flag`来控制在第一次执行定时任务后，每隔一秒钟才能再次执行。在`setInterval()`中，我们检查`flag`是否为`true`，如果是，则直接返回；如果不是，则将`flag`设置为`true`并执行定时任务。同时，我们在定时任务的末尾再次使用`setTimeout()`将`flag`设置为`false`，以便下一次执行时能够正确判断。