回答編集履歴
3
インデント
answer
CHANGED
@@ -7,10 +7,10 @@
|
|
7
7
|
setTimeout(function() {
|
8
8
|
$(".circle-1").css("background-color", "skyblue");
|
9
9
|
}, 1000);
|
10
|
-
|
10
|
+
setTimeout(function() {
|
11
|
-
|
11
|
+
$(".circle-1").css("background-color", "yellow");
|
12
12
|
}, 2000);
|
13
|
-
setTimeout(function() {
|
13
|
+
setTimeout(function() {
|
14
14
|
$(".circle-1").css("background-color", "red");
|
15
15
|
}, 3000);
|
16
16
|
});
|
2
変換忘れを修正
answer
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
質問していただきありがとうございます!
|
2
2
|
setTimeoutを連ねれば所定の動作を実現出来ます。
|
3
|
-
ただし、もうすこし複雑な事をする
|
3
|
+
ただし、もうすこし複雑な事をする場合は配列に色を入れて、setintervalでやったほうが良いと思います。
|
4
4
|
```javascript
|
5
5
|
$(function() {
|
6
6
|
$(".my-button").click(function() {
|
1
脱字を訂正しました
answer
CHANGED
@@ -7,8 +7,10 @@
|
|
7
7
|
setTimeout(function() {
|
8
8
|
$(".circle-1").css("background-color", "skyblue");
|
9
9
|
}, 1000);
|
10
|
+
|
10
|
-
|
11
|
+
setTimeout(function() { $(".circle-1").css("background-color", "yellow");
|
11
12
|
}, 2000);
|
13
|
+
setTimeout(function() {
|
12
14
|
$(".circle-1").css("background-color", "red");
|
13
15
|
}, 3000);
|
14
16
|
});
|