每次弹出消息时需要减少1个数字

  • Z时代
  • 2024-01-10
  • 分类：问答

我有点卡在这里，不知道如何继续。每次弹出消息时都需要将数字减1。每次弹出消息时需要减少1个数字

var counter = 1;  
$(document).ready(function() {  
    if (counter == 1) {  
    counter++;  
    $('#cntVal').html(function(i, val) {  
     return +val - 2  
    });  
    } else {  
    $('#cntVal').html(function(i, val) {  
     return +val - 1  
    });  
    }  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
<p id="cnt">You still have (<span id="cntVal">3</span>) more tries left. Good luck!</p>

应该有3次尝试只有那么第一条消息 你仍然还有2次尝试离开。 然后 您还剩下1个尝试。

但在这个代码总是显示2次尝试:(

回答：

根据你的代码，每个调用时$(document).ready(function(){});，用于减退数由一个你需要做的事件触发。

var counter = 1;  
$(document).ready(function() {  
    $('#cnt').on('click', function() {  
    if (counter == 1) {  
     counter++;  
     $('#cntVal').html(function(i, val) {  
     return +val - 1  
     });  
    } else {  
     $('#cntVal').html(function(i, val) {  
     return +val - 1  
     });  
    }  
    });  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
<p id="cnt">You still have (<span id="cntVal">3</span>) more tries left. Good luck!</p>

我在点击段落时应用了事件触发器

以上是 每次弹出消息时需要减少1个数字 的全部内容， 来源链接： utcz.com/qa/261207.html

回到顶部