添加重置功能以点击计数器

Question

这样可行，但问题是它只能运行一次 - 然后类('active')永远不再添加 - 需要在5次点击后删除，如下所示，但是在5之后需要重置，我希望计数器返回0，以便再次点击5次后它可以再次运行！

var clickCount = 0;

$(".arrowRight").click(function () {
    clickCount++;

    if (clickCount >= 5)
        // alert ("stop it!");
    $(".arrowRight").removeClass("active"); 
    else { 
    $(".arrowRight").addClass("active"); 
    }
});

Answer 1

只需在if语句中设置clickCount = 0

if (clickCount >= 5)
  clickCount = 0;
  $(".arrowRight").removeClass("active"); 
else { 
  $(".arrowRight").addClass("active"); 
}

Answer 2

这样的事情会起作用吗？

var clickCount = 0;

$(".arrowRight").click(function () {
    clickCount++;

    if (clickCount >= 5) {
        clickCount = 0;
        $(".arrowRight").removeClass("active");
    }
    else { 
        $(".arrowRight").addClass("active"); 
    }
});

Answer 3

这是另一种选择：

if (clickCount%5==0) {
$(".arrowRight").removeClass("active");
} else {
$(".arrowRight").addClass("active");
}