Javascript jQuery点击弹出游戏

我发现自己感到茫然和困惑，我需要创建一个jquery迷你游戏，目标是在尽可能短的时间内弹出一个气球，但气球应该会产生一些阻力，因此你必须点击至少20次才能弹出

所以基本上。。。将有一个气球，然后你必须尝试在尽可能短的时间内点击20次，让它弹出，这样你的时间将被添加到记分板上。。。而且还需要一个进度条来显示进度

这一切我都是初学者。。有什么建议吗？或者我可以查看一些资源来了解如何使用

---

非常感谢您的帮助。

检查小提琴，可能会有所帮助

---

气球是在20到30之间随机弹出的

你对HTML、CSS或jQuery有任何经验吗？如果没有，那么你还有很长的路要走。不过，别让这件事耽误了你。我在所有这些方面都有经验。。。更多的是代码。。我只是不知道如何将所有这些理解为代码。。。很有趣，因为我做了很多项目。。但是这个我完全是空白的…非常感谢你。。这是一个很好的开始，我会立即调查，而且会做得最好。达维德·范德霍温

 $(document).ready(function(){
 var click1=0;
 var random_no=0;
 function ran(){
 random_no=Math.round(Math.random()*10)+20;
          }
 ran();
 $("#balloon").click(function(){
 click1++;
 if(click1==random_no)
    {
    $("#balloon").css("background-image", "url(http://s11.postimg.org/g1349h43n/images.jpg)");
    }
 });
 });