teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

4

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

2020/02/10 15:33

投稿

yuh_yo
yuh_yo

スコア15

title CHANGED
File without changes
body CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  下記のHTMLファイルを作成しました。(ソースをのせました。失礼しました。)
5
5
 
6
- /**作成したHTMLファイル**/
6
+ ```HTML
7
7
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
8
8
  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
9
9
  <html xmlns="http://www.w3.org/1999/xhtml">
@@ -43,8 +43,8 @@
43
43
 
44
44
  </body>
45
45
  </html>
46
+ ```
46
47
 
47
- /**ここまでです。**/
48
48
  フォームに入力した情報はボタンを押すと、フォームの下に時刻とともに表示されます。
49
49
  作成したHTMLファイルをブラウザで開き、ボタンを押して、しばらくするとフリーズしてしまいます。
50
50
  どうやら、/*setInterval('time()',1000);*/が原因のようです。

3

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

2020/02/10 15:33

投稿

yuh_yo
yuh_yo

スコア15

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

2

2020/02/10 15:28

投稿

yuh_yo
yuh_yo

スコア15

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,5 @@
1
1
  ブラウザがフリーズします。
2
2
 
3
- 下記のHTMLファイルを作成しました。
3
+ 下記のHTMLファイルを作成しました。(後程ソースをのせます。失礼しました。)
4
4
  フォームに入力した情報はボタンを押すと、フォームの下に時刻とともに表示されます。
5
5
  作成したHTMLファイルをブラウザで開き、ボタンを押して、しばらくするとフリーズしてしまいます。

1

2020/02/10 14:21

投稿

yuh_yo
yuh_yo

スコア15

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