Javascript检查一段时间内是否没有发生任何事情答案

【问题标题】：Javascript check if something doesn't happen over a period of timeJavascript检查一段时间内是否没有发生任何事情
【发布时间】：2016-03-02 07:11:05
【问题描述】：

var myVar = uncontrollableNumber;
$("#myButton").click(function(){

    myVar++;

});

有没有一种方法可以检查“如果 myVar 在 20 秒内没有发生变化（可以上升或下降，代码只是一个示例），请执行某些操作，如果确实发生了变化，则重新开始倒计时”？我尝试了一些代码但失败了。

function myFunction(myVar){
    var oldMyVar = myVar;
    while(oldMyVar === myVar){
        var countdownDone = false;
        //countdown then run function
        countdownDone = true;
    }
if(!countdownDone){
    myFunction();
}

【问题讨论】：

你试过setTimeout()吗？你想在它改变的那一刻做某事，还是在 20 秒后做某事，如果此时它与原来的不同？
@nnnnnn 我还是个代码菜鸟，但根据我的经验，如果变量发生变化，我找不到有效重新开始倒计时的方法。

标签： javascript jquery duration

【解决方案1】：

这是给你的working JS fiddle。

另外加个代码sn-p

var myVar = 0;
var oldVar = 0;
$("#myButton").click(function(){
    myVar++;
});

setInterval(function(){  
  checkForChanges(); // after every 2 secs check
  oldVar = myVar; // reset the old value now to the new one, so during next check we should have our myVar changed.
},2000);

function checkForChanges(){
  if(oldVar === myVar){
  $('#response').append('same value nothing has changed!!'+'<br/>');
    //alert('same value nothing has changed!!');
  }
  else{
  $('#response').append('The value changed!!'+'<br/>');
   //alert('The value changed!!');
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="myButton">
 click Me For Change!!
</button>

<div id="response">

</div>

【讨论】：

对我的编码水平来说简单易懂。谢谢！

【解决方案2】：

为了在变量更改时触发事件，您应该使用

 object.watch

详情请参考-Listening for variable changes in JavaScript or jQuery

【讨论】：

还提到Browser compatibility
用户这看起来很棒，我会更深入地研究它，也许在我完成后实施它，但我太菜鸟并且不理解所陈述的所有概念。而且，正如我上面的评论所说，它似乎只适用于 Firefox，所以这是不行的。感谢您提请我注意。
是的，你是对的..如果它打算支持跨浏览器支持，以上不是信任的解决方案。