javascript - 在 javascript 中设置后台计时器

Question

我试图阻止 Dynamics 365/CRM 中的用户快速单击同一按钮，从而启动同步的窗口阻止事件。 我们能够在 IE 中修复此问题，但 Chrome 似乎会“记住”按钮单击 - 然后一次又一次同步启动相同的事件(如预期)。

我曾考虑过创建一个后台计时器，它将在第一次单击按钮时启动，这会将变量变为“True”，直到计时器完成，然后将变量变为“False”。

在变量设置为 true 的 X 秒内，后续的按钮单击将触发事件，但不会继续执行任何操作，函数将检查变量是否设置为 true 或 false。

这是到目前为止我的(不起作用)代码:

function startTimer(duration) {
isTimerOn = true;
var timer = duration, seconds;
setInterval (function () {
    seconds = parseInt(timer % 60, 10);
    seconds = seconds < 10 ? 0 + seconds : seconds;
    if (--timer < 0) {
        timer = duration;
    }
}, 500);
isTimerOn = false;

};

 var isTimerOn = false;

    function createWordSummary() {
        if (isTimerOn) {
            return;
        }

        try {
            startTimer(3);
// Logic here

希望得到一些帮助，提前致谢!

Answer 1

你可以尝试这样的事情:

let disabled = false;

function startTimer(s) {
  disabled = true;
  setTimeout(function() {
    disabled = false;
  }, s * 1000);
}

function createWordSummary() {
  if ( disabled ) return;
  
  startTimer(3);
  console.log('check');
}

<button onclick="createWordSummary()">Check</button>

希望对你有帮助!