我試圖讓一個div上去,下來,再次,再次下降等,直到你點擊它。這是我有:重複Javascript動畫?
<!DOCTYPE html>
<html>
<head>
<title>Fun with animations dude</title>
<link rel="stylesheet" href="animation.css"/>
</head>
<body>
<div id="moving">
</div>
<script type="text/javascript">
var moving = document.getElementById("moving");
var mMargin = moving.style.marginTop | 0;
var moving = false;
moving.onclick = start;
function start() {
if (moving == false) {
moving = true;
move();
window.alert("Start!");
}
else {
moving = false;
window.alert("Aww...");
}
}
function move() {
if (moving) {
if (mMargin < 700) {
mMargin += 10;
moving.style.marginTop = mMargin + "px";
setTimeout(move, 20);
}
else {
mMargin -= 10;
moving.style.marginTop = mMargin + "px";
setTimeout(move, 20);
}
}
}
</script>
</body>
</html>
我其實是一個相當的同時爲自己感到驕傲,直到它沒有工作......正如你所看到的,我通過將這些警報所做的故障排除嘗試框。它們都沒有被觸發,所以現在這是最初的問題,儘管也可能有其他錯誤。控制檯中沒有錯誤。建議嗎?