質問編集履歴

4

コードをコードブロックで囲みました。

2020/02/10 15:33

投稿

yuh_yo
yuh_yo

スコア15

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
 
11
- /**作成したHTMLファイル**/
11
+ ```HTML
12
12
 
13
13
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
14
14
 
@@ -88,9 +88,9 @@
88
88
 
89
89
  </html>
90
90
 
91
+ ```
91
92
 
92
93
 
93
- /**ここまでです。**/
94
94
 
95
95
  フォームに入力した情報はボタンを押すと、フォームの下に時刻とともに表示されます。
96
96
 

3

ソースファイルの記述、自身による原因の解明

2020/02/10 15:33

投稿

yuh_yo
yuh_yo

スコア15

test CHANGED
File without changes
test CHANGED
@@ -1,9 +1,103 @@
1
- ブラウザがフリーズします。
1
+ ブラウザがフリーズします。その原因や理由を知りたいです。
2
+
3
+ また、何か記述等でアドバイスがあると幸いです。
2
4
 
3
5
 
4
6
 
5
- 下記のHTMLファイルを作成しました。(後程ソースをのせま。失礼しました。)
7
+ 下記のHTMLファイルを作成しました。(ソースをのせました。失礼しました。)
8
+
9
+
10
+
11
+ /**作成したHTMLファイル**/
12
+
13
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
14
+
15
+ Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
16
+
17
+ <html xmlns="http://www.w3.org/1999/xhtml">
18
+
19
+ <head>
20
+
21
+ <title></title>
22
+
23
+
24
+
25
+ <script language="javascript" type="text/javascript">
26
+
27
+ function OnButtonClick() {
28
+
29
+ var hoge = Sample_form.output.value;
30
+
31
+ target = document.getElementById("output");
32
+
33
+ var date = time();
34
+
35
+ target.insertAdjacentHTML('beforeend', date +'<br>'+ hoge + '<br>');
36
+
37
+
38
+
39
+ }
40
+
41
+
42
+
43
+ function time(){
44
+
45
+ var now = new Date();
46
+
47
+ /*setInterval('time()',1000);*/
48
+
49
+ return now.toLocaleTimeString() +" " + now.toLocaleString();
50
+
51
+
52
+
53
+ }
54
+
55
+
56
+
57
+ </script>
58
+
59
+
60
+
61
+ </head>
62
+
63
+ <body>
64
+
65
+ <form name="Sample_form" action="">
66
+
67
+ <p>かきこみ内容<br>
68
+
69
+ <input type="text" name="output"></p>
70
+
71
+ <input type="button" value="Exec" onclick="OnButtonClick()";/><br />
72
+
73
+ </form>
74
+
75
+
76
+
77
+ <div id="output"></div>
78
+
79
+ <div id="br"></div>:
80
+
81
+
82
+
83
+ <h1>一番下</h1>
84
+
85
+
86
+
87
+ </body>
88
+
89
+ </html>
90
+
91
+
92
+
93
+ /**ここまでです。**/
6
94
 
7
95
  フォームに入力した情報はボタンを押すと、フォームの下に時刻とともに表示されます。
8
96
 
9
97
  作成したHTMLファイルをブラウザで開き、ボタンを押して、しばらくするとフリーズしてしまいます。
98
+
99
+ どうやら、/*setInterval('time()',1000);*/が原因のようです。
100
+
101
+ なぜ、フリーズしてしまうのか、理由を知りたいです。
102
+
103
+ よろしくお願いいたします。

2

2020/02/10 15:28

投稿

yuh_yo
yuh_yo

スコア15

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- 下記のHTMLファイルを作成しました。
5
+ 下記のHTMLファイルを作成しました。(後程ソースをのせます。失礼しました。)
6
6
 
7
7
  フォームに入力した情報はボタンを押すと、フォームの下に時刻とともに表示されます。
8
8
 

1

2020/02/10 14:21

投稿

yuh_yo
yuh_yo

スコア15

test CHANGED
File without changes
test CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
 
4
4
 
5
+ 下記のHTMLファイルを作成しました。
6
+
5
7
  フォームに入力した情報はボタンを押すと、フォームの下に時刻とともに表示されます。
6
8
 
7
- 自分で作成したHTMLファイルをブラウザで開き、ボタンを押して、しばらくするとフリーズしてしまいます。
9
+ 作成したHTMLファイルをブラウザで開き、ボタンを押して、しばらくするとフリーズしてしまいます。