Jquery 添加两倍于我已有的div有困难

Jquery 添加两倍于我已有的div有困难,jquery,html,Jquery,Html,好吧,我正在做一个有趣的游戏。游戏包括一个5秒的计时器和形状像盒子的div。第一轮以1个div开始,目的是在计时器用完之前单击该div。如果你通过了,你将进入下一个级别,该级别将添加两个框,因此第2级将有2个框,第3级将有4个框,依此类推。我在创建总是两倍于div的长度时遇到了问题。我没有太多的代码,因为我尝试过的任何东西都不起作用。以下是JSFIDLE: jQuery项目:一个爆炸性的游戏 正文,html{ 宽度:960; 身高:500%; } 分区箱{ 位置:相对位置; 宽度:100px

好吧,我正在做一个有趣的游戏。游戏包括一个5秒的计时器和形状像盒子的div。第一轮以1个div开始,目的是在计时器用完之前单击该div。如果你通过了,你将进入下一个级别,该级别将添加两个框,因此第2级将有2个框,第3级将有4个框,依此类推。我在创建总是两倍于div的长度时遇到了问题。我没有太多的代码,因为我尝试过的任何东西都不起作用。以下是JSFIDLE:


jQuery项目:一个爆炸性的游戏
正文,html{
宽度:960;
身高:500%;
}
分区箱{
位置:相对位置;
宽度:100px;
高度:100px;
背景颜色:橙色;
}
爆炸{
位置:绝对位置;
宽度:100px;
高度:100px;
背景色:红色;
}

使用
setInterval
而不是
setTimeout
setInterval
用于根据设置的时间重复发生的事件,而
setTimeout
只发生一次


太棒了!如果我把你放在一个函数中,我会递归调用这个函数。

你的javascript

setTimeout(function(){$(“body”).append(“”.length()*2;},5000)

他说

5秒后,获取
并向其添加
,获取刚才添加的div数(即1)并将该数乘以2,然后放弃结果

用这个

setInterval(function(){$(.box”).clone().appendTo(“body”);},5000)

上面说

每隔5秒,获取类框的所有元素,制作它们的副本,并将副本附加到body


您在需要长度时使用了length()。它是一个属性,而不是一个函数。@mitch你是什么意思?你能在JSFIDLE上给我看一下吗?谢谢,但它一次只添加一个div,我需要将页面上已经存在的div添加两倍。我很糟糕,我不熟悉jQuery,只是构建东西,所以我可以学习你知道的。我会怎么做?
<!doctype html>
<html>
<head>
<title>jQuery Project: An exploding game</title>
<meta charset="utf-8">
<style>
body, html {
width: 960;
height: 500%;
}
div.box {
position: relative;
width: 100px;
height: 100px;
background-color: orange;
}
div.exploding {
position: absolute;
width: 100px;
height: 100px;
background-color: red;
}
</style>


</head>
<body>
</body>
</html>