在setInterval if语句中增加一个变量并显示该变量

时间:2016-02-04 05:09:36

标签: jquery html

如何在setInterval if语句中显示一个变量,并在某个点增加

这是我的jquery代码

<script>
    $(document).ready(function(){
        $("button").click(function(){
           var var1 = setInterval(function(){
               var1 += 1;
               if(var1 == 10){
                   var1 = 0;
                   var var2 = 0;
                   var2++;//->I want it to keep on increamenting
                   var $display = $("p");
                   $display.text(var2);//->this will display the incrementation
               }
           }, 50);
        });
    });
</script>

**这是我的HTML代码*

<html>
    <body>
      <p>0</p>
      <button>Display the if variable</button>
    </body>
</html>

任何知道或知道完全相似的例子的人请在这里评论:(感谢帮助。

2 个答案:

答案 0 :(得分:2)

在调用setInterval之前,只需将声明初始化为var2。这样,在每次迭代中它都不会重置为零。

答案 1 :(得分:2)

在函数内部执行var var2 = 0;每次都会重置值,如果要保留该值,这不是正确的做法。最好将其定义为global variable

&#13;
&#13;
var varTimer;
var var2 = 0;
$(document).ready(function() {
  $("#start").click(function() {
    var var1 = 0;
    varTimer = setInterval(function() {
      var1 += 1;
      if (var1 == 10) {
        var1 = 0;
        var2++; //->I want it to keep on increamenting
        var $display = $("p");
        $display.text(var2); //->this will display the incrementation
      }
    }, 50);
  });
  $("#stop").click(function() {
    clearInterval(varTimer);
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p>0</p>
<button id="start">Start</button>
<button id="stop">Stop</button>
&#13;
&#13;
&#13;