回答編集履歴
1
リンク修正、説明追記
test
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
[
|
|
9
|
+
[HTMLElement: animationend イベント - Web API | MDN](https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/animationend_event)
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
@@ -28,4 +28,10 @@
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
-
アニメーションが終了する前にクリックしたときの動作が、setTimeout とは微妙に異なるので、お好みで選択すればいいでしょう。
|
|
31
|
+
アニメーションが終了する前にstartを再度クリックしたときの動作が、setTimeout とは微妙に異なるので、お好みで選択すればいいでしょう。
|
|
32
|
+
|
|
33
|
+
終了前にクリックしたときに、
|
|
34
|
+
|
|
35
|
+
setTimeout だと最初からアニメーションが始まる、
|
|
36
|
+
|
|
37
|
+
animationend だとそのまま終了まで続行する。
|