2013-08-07 115 views
2

好吧,所以我正在創造一個有趣的遊戲。遊戲涉及5秒鐘的定時器和像盒子一樣變形的div。第一輪以1格開始,目的是在定時器耗盡之前單擊該格。如果你通過你去一個新的水平,增加了兩倍的箱子,所以2級你有2箱3級4箱等等。我無法創建雙倍的div長度。我沒有太多的代碼,因爲沒有嘗試過任何工作。這裏是的jsfiddle:添加雙倍的div已經有

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> 
+0

您使用長度()的時候,你只需要長度。它是一種財產,而不是一種功能。 – mitch

+0

@mitch你是什麼意思?你能在jsfiddle上展示我嗎? –

回答

1

您的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/

+0

非常感謝! –

1

使用setInterval而非setTimeoutsetInterval用於根據您設置的時間重複發生的事件,而setTimeout發生一次。

jsfiddle

+0

謝謝,但它的唯一加1 div的一次我需要添加兩倍的divs已經在頁面上 –

0

真棒!如果我在哪裏,我會把雙倍長度的工作人員放在一個函數中,我會遞歸調用。

+0

我的壞我是新的jQuery只是建立的東西,所以我可以學習你知道。我會這麼做嗎? –

+0

好吧我會看你一個例子,以前是更低調的 – Pierre

+0

這裏是jsfiddle鏈接http://jsfiddle.net/JZdkQ/ – Pierre