javascript - 我可以创建一个仅在多次点击后才有效的链接吗

Question

我正在尝试在我正在构建的网站上放入一个小复活节彩蛋，如果用户点击链接 x 次，它将触发弹出窗口，我猜这将是某种 JS 或JQuery，但我不知道从哪里开始，也不知道是否可能。我想我真正想要的是 Android“关于手机”页面中内置的复活节彩蛋，在 5 秒内点击大约 7 次后会打开一个新页面。有什么办法可以在浏览器中执行此操作吗？

也许是一个 OnClick 命令，它将计数器加 1，并在计数器达到指定数字时执行操作，但每 10 秒将计数器重置为 0？ (我不想让它太容易找到!)

谢谢

Answer 1

用 jQuery 试试这个:

HTML:

<a id='lnkEgg' data-clicks='0'>Click for surprise</a>

脚本:

$(function(){
    $("#lnkEgg").on("click",function(){
        var c=$(this).data("click");
        if(c==7){
            //if it equals to whatever number you are chasing
            //open the popup
        }else{
            $(this).data("clicks",c++);
        }
    });
});