Question

好的，所以我正在创造一个有趣的游戏。游戏涉及一个5秒的计时器和div形状像盒子。第一轮你以1 div开始，目的是让你在计时器用完之前点击那个div。如果你通过你进入下一级，增加两倍的盒子，所以2级你有2盒3级4盒，依此类推。我在创建总是加倍div的长度时遇到了麻烦。我没有太多的代码，因为我没有尝试过任何工作。这是jsfiddle：

http://jsfiddle.net/JZdkQ/

<!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>

Answer 1

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

jsfiddle

Answer 2

你的javascript ...

setTimeout(function(){$("body").append("<div class='box'></div>").length() *2;}, 5000);

说...

5秒后获取<body/>并向其附加<div class='box'/>，获取我们刚刚追加的div数（即1）并将该数乘以2然后丢弃结果。

使用此...

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

它说......

每5秒钟，获取类框的所有元素，复制它们，并将副本附加到正文中。

http://jsfiddle.net/JZdkQ/2/

Answer 3

真棒！如果我在哪里，我会将双倍长度的工作人员放在一个函数中，我将以递归方式调用。

麻烦添加双倍我已经拥有的div

3 个答案: