javascript - 用户交互倒计时增加

Question

考虑这个 C# 问题:Countdown timer increase on interaction?

我需要 Javascript 的等效项。也就是说，如下:

问题

我需要在一段时间 T 之后调用回调，但是如果用户交互发生在回调执行之前，那么这次 T 必须增加某个数字 X。这是如何使用 Javascript 建模的？

背景(原因)

我有一个前进页面按钮，单击该按钮会将页面增加 1。增加页面会导致发生一些繁重的计算，因此最好仅在一段较短的时间范围后切换页面，以便用户发送垃圾邮件页面按钮不会使程序发挥作用。放入垃圾箱。

Answer 1

如果我理解正确的话，您只需清除超时并重新设置即可。

clearTimeout(timer);
timer = setTimeout(function(){}, 1000);

我用一个例子做了一个快速的代码笔。我希望它有帮助:https://codepen.io/daniti/pen/gjePdo