回答編集履歴

1

修正、追記

2017/01/14 12:18

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -1,6 +1,6 @@
1
- [setTimeoutメソッド](http://www.ajaxtower.jp/js/window/index2.html)を使うことで一定時間後に処理をすることができ、クラスを追加するには[addClassメソッド](http://semooh.jp/jquery/api/attributes/addClass/class/)を使います。
1
+ [setTimeoutメソッド](http://www.ajaxtower.jp/js/window/index2.html)を使うことで一定時間後に処理をすることができ、クラスを追加するには[addClassメソッド](http://semooh.jp/jquery/api/attributes/addClass/class/)を使います。フェードインには[fadeInメソッド](http://semooh.jp/jquery/api/effects/fadeIn/%5Bspeed%5D,+%5Bcallback%5D/)を使います。
2
2
 
3
- 下のコードではページの読み込みが完了した1秒後にaddClassメソッドでadd_classクラスをdivタグに追加しています。また、すでにadd_classが設定されているかを[hasClassメソッド](http://semooh.jp/jquery/api/traversing/hasClass/class/)でチェックしています。
3
+ 下のコードではページの読み込みが完了した1秒後にaddClassメソッドでadd_classクラスをdivタグに追加しています。
4
4
 
5
5
  ```HTML
6
6
 
@@ -50,19 +50,13 @@
50
50
 
51
51
  $(document).ready(function () {
52
52
 
53
+ $("div").hide();
54
+
53
55
  setTimeout(function () {
54
56
 
55
- if ($("div").hasClass("add_class")) {
57
+ $("div").removeClass("add_class").addClass("add_class").fadeIn(1000);
56
58
 
57
- alert("既にクラスが設定されている。");
58
-
59
- return true;
59
+ }, 1000);
60
-
61
- }
62
-
63
- $("div").addClass("add_class");
64
-
65
- }, 1000);//時間はミリ秒指定なので、1000とすると1秒を指す。
66
60
 
67
61
  });
68
62