質問編集履歴
1
コードと質問文の変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
なぜ時間差で表示されないのでしょうか?
|
test
CHANGED
@@ -1,14 +1,12 @@
|
|
1
|
-
|
1
|
+
ランダムに時間差で表示されるよう実装してみたのですが、
|
2
2
|
|
3
|
-
|
3
|
+
どうしても時間差で表示されません。
|
4
4
|
|
5
|
-
|
5
|
+
どうすれば時間差で表示されるでしょうか?
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
どうすれば一度のhoverで全ての文字をランダムに時間差で表示し、hoverを外すタイミングで表示を無くせるのか教えて頂きたいです。
|
10
|
-
|
11
|
-
ど
|
9
|
+
ご教授のほどよろしくお願いいたします。
|
12
10
|
|
13
11
|
|
14
12
|
|
@@ -64,17 +62,19 @@
|
|
64
62
|
|
65
63
|
const span = document.querySelector('#str').children;
|
66
64
|
|
67
|
-
|
65
|
+
for(let i = 0;i<50;i++){
|
68
66
|
|
69
|
-
|
67
|
+
const ran = Math.floor(Math.random()* span.length);
|
70
68
|
|
71
|
-
|
69
|
+
if(!span[ran].classList.contains('see')){
|
72
70
|
|
73
|
-
|
71
|
+
setTimeout(() => {
|
74
72
|
|
75
|
-
|
73
|
+
span[ran].classList.add('see');
|
76
74
|
|
75
|
+
},100);
|
76
|
+
|
77
|
-
}
|
77
|
+
}
|
78
78
|
|
79
79
|
}
|
80
80
|
|