Javascript 在Jquery中以设定的次数运行函数

我有一些JQuery，它在页面上随机放置div。然而，目前，它做的是无限的

我如何让它运行一段固定的时间然后停止

$（文档）.ready（函数（）{
makeDiv（）；
var计数=1；
函数makeDiv（）{
计数++；
同时（计数<50）{
var numRand=Math.floor（Math.random（）*501）；
var-divsize=100；
var posx=（Math.random（）*（$（'body'）.width（）-divsize））.toFixed（）；
var posy=（Math.random（）*（$（'body'）.height（）-divsize））.toFixed（）；
$newdiv=$（“”）.css({
“左”：posx+“px”，
“顶部”：posy+“px”
});
$newdiv.appendTo（'body'）。delay（2000）。fadeIn（100，函数（）{
//$（this.remove（）；
makeDiv（）；
});
}
}
});
body，html{
宽度：960；
身高：100%；
}
分区箱{
位置：相对位置；
宽度：100px；
高度：100px；
}
爆炸{
位置：绝对位置；
宽度：10px；
高度：10px；
背景色：红色；
}
count++
必须位于while循环的内部
在
makeDiv
内部声明
count
，而不是全局。并在while循环的末尾添加
count++
。不要在while中使用相同的
makeDiv（）
。while循环重载


$（文档）.ready（函数（）{
makeDiv（）；
函数makeDiv（）{
var计数=1；
同时（计数<50）{
var numRand=Math.floor（Math.random（）*501）；
var-divsize=100；
var posx=（Math.random（）*（$（'body'）.width（）-divsize））.toFixed（）；
var posy=（Math.random（）*（$（'body'）.height（）-divsize））.toFixed（）；
$newdiv=$（“”）.css({
“左”：posx+“px”，
“顶部”：posy+“px”
});
$newdiv.appendTo（'body'）。delay（2000）。fadeIn（100，函数（）{
$（this.remove（）；
//makeDiv（）；
});
计数++；
}
}
});
body，html{
宽度：960；
身高：100%；
}
分区箱{
位置：相对位置；
宽度：100px；
高度：100px；
}
爆炸{
位置：绝对位置；
宽度：10px；
高度：10px；
背景色：红色；
}