回答編集履歴
1
修正、追記
answer
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
[setTimeoutメソッド](http://www.ajaxtower.jp/js/window/index2.html)を使うことで一定時間後に処理をすることができ、クラスを追加するには[addClassメソッド](http://semooh.jp/jquery/api/attributes/addClass/class/)を使います。
|
|
2
|
-
下のコードではページの読み込みが完了した1秒後にaddClassメソッドでadd_classクラスをdivタグに追加しています。
|
|
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
|
+
下のコードではページの読み込みが完了した1秒後にaddClassメソッドでadd_classクラスをdivタグに追加しています。
|
|
3
3
|
```HTML
|
|
4
4
|
<!DOCTYPE HTML>
|
|
5
5
|
<html lang="ja">
|
|
@@ -24,13 +24,10 @@
|
|
|
24
24
|
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
|
|
25
25
|
<script>
|
|
26
26
|
$(document).ready(function () {
|
|
27
|
+
$("div").hide();
|
|
27
28
|
setTimeout(function () {
|
|
28
|
-
if ($("div").hasClass("add_class")) {
|
|
29
|
-
alert("既にクラスが設定されている。");
|
|
30
|
-
return true;
|
|
31
|
-
}
|
|
32
|
-
$("div").addClass("add_class");
|
|
29
|
+
$("div").removeClass("add_class").addClass("add_class").fadeIn(1000);
|
|
33
|
-
}, 1000);
|
|
30
|
+
}, 1000);
|
|
34
31
|
});
|
|
35
32
|
</script>
|
|
36
33
|
</body>
|