Question

我正在尝试重复点击功能，但它只会重复两次。之后，计数器消失了。我不知道这是什么原因。 ħ

＆＃13;

var divClone = $("#target").clone();
var divClone = $("#output").clone();

var clickCount = 0;
$('#target').click(function() {
    if ( clickCount < 6){
    clickCount++;
    $('#output').html(function(i, val) { return val*1+1 });
    } else {
      clickCount = 0; 
     $("#output").replaceWith(divClone);
    }
    
    
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="target" type="button">Click Me</button>
<div id="output">0</div>

＆＃13;

请注意，我对编程很陌生。

提前致谢。

编辑：对不起，我不希望它是自动的。每经过6次点击，计数器应重置为零。

Answer 1

试试这个：

var clickCount = 0;
$('#target').click(function() {
    if (clickCount++ < 6) {
        $('#output').html(function(i, val) {
            return val * 1 + 1
        });
    } else {
        clickCount = 0;
        $('#output').html('0');
    }
});

演示：https://jsfiddle.net/tusharj/zRX2D/2708/

或

简单：

var clickCount = 0; $('#target').click(function () { $('#output').html(++clickCount % 7); });

演示：https://jsfiddle.net/tusharj/zRX2D/2711/

Answer 2

试试这个

http://jsfiddle.net/zRX2D/2707/

var clickCount = 0;
$('#target').click(function() {
    if ( clickCount < 6){
    clickCount++;

    } else {
      clickCount = 0; 
    }
    $('#output').html(clickCount);

});

Answer 3

检查以下内容：

＆＃13;

var clickCount = 0;
$('#target').click(function() {
    clickCount = clickCount < 6 ? clickCount+=1 : 0;
       
     $("#output").text(clickCount);
 });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="target" type="button">Click Me</button>
<div id="output">0</div>

＆＃13;

我在jquery中重置计数器时遇到问题（clickfunction）

3 个答案: