teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップJavaScriptに関する質問javascriptの表示

編集履歴

回答編集履歴

3

インデント

2019/01/03 06:03

投稿

bochan2
bochan2

スコア2050

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
- setTimeout(function() { $(".circle-1").css("background-color", "yellow");
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

変換忘れを修正

2019/01/03 06:03

投稿

bochan2
bochan2

スコア2050

answer CHANGED
@@ -1,6 +1,6 @@
1
1
  質問していただきありがとうございます！
2
2
  setTimeoutを連ねれば所定の動作を実現出来ます。
3
- ただし、もうすこし複雑な事をするばあいは配列に色を入れて、setintervalでやったほうが良いと思います。
3
+ ただし、もうすこし複雑な事をする場合は配列に色を入れて、setintervalでやったほうが良いと思います。
4
4
  ```javascript
5
5
  $(function() {
6
6
  $(".my-button").click(function() {

1

脱字を訂正しました

2019/01/03 05:45

投稿

bochan2
bochan2

スコア2050

answer CHANGED
@@ -7,8 +7,10 @@
7
7
  setTimeout(function() {
8
8
  $(".circle-1").css("background-color", "skyblue");
9
9
  }, 1000);
10
+
10
- $(".circle-1").css("background-color", "yellow");
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
  });