質問編集履歴
2
cancelAnimFrameの引数を「down」から「loop」に修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -204,7 +204,7 @@
|
|
|
204
204
|
|
|
205
205
|
if (e.button == 0) {
|
|
206
206
|
|
|
207
|
-
cancelAnimFrame(
|
|
207
|
+
cancelAnimFrame(loop);
|
|
208
208
|
|
|
209
209
|
}
|
|
210
210
|
|
1
動きの違いについて書き足しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
# 現在のコード
|
|
12
12
|
|
|
13
|
-
setIntervalを使用して、希望通りに動きます。
|
|
13
|
+
`setInterval`を使用して、希望通り、ボタンを押している間、ボックスが下に動きます。
|
|
14
14
|
|
|
15
15
|
```html
|
|
16
16
|
|
|
@@ -148,6 +148,8 @@
|
|
|
148
148
|
|
|
149
149
|
`requestAnimationFrame`に置き換えました。HTML、CSSは同じなので省略します。
|
|
150
150
|
|
|
151
|
+
ボタンを押している間も、ボックスが少しだけ下に動いただけで止まってしまいます。
|
|
152
|
+
|
|
151
153
|
```JavaScript
|
|
152
154
|
|
|
153
155
|
window.onload = function() {
|