如何在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>
任何知道或知道完全相似的例子的人请在这里评论:(感谢帮助。
答案 0 :(得分:2)
在调用setInterval之前,只需将声明初始化为var2。这样,在每次迭代中它都不会重置为零。
答案 1 :(得分:2)
在函数内部执行var var2 = 0;
每次都会重置值,如果要保留该值,这不是正确的做法。最好将其定义为global variable。
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;