javascript - 如何在单击 3 次鼠标后启动操作

Question

我是编写代码的新手，但我想弄清楚点击 3 次后 div 会消失。我知道如何让它在点击一两下后消失，但我不知道点击三下后该怎么做。我写了一个 while 循环，它应该在每次点击后迭代一次，但该函数不会等待 div 被点击，而是继续前进并淡出 div。

var threeClick = function() {
    var n = 0;
    while(n > 2) {
        $(document).ready(function() {
            $('div').click(function(){
                n++;
            });
        });
        $(document).ready(function(){
            $('div').fadeOut('slow');
        });
    }
}
threeClick();

Answer 1

var n
$(document).ready(function()
{
    n=0;
    $('div').click(function()
    {
        n++;
        if(n==3)
        {
            n=0;
            $('div').fadeOut('slow');
        }   
    });
}