HTML組み込みのjavascriptで無限ループを実装したい

javascriptで無限ループを実装してHTMLに組み込むと、
先にjavascriptがロードされて永遠にHTML部分が表示されません。

現在は、htmlのbodyの最下部にscript部分を置き、
window.onloadを用いて実装しておりますがきちんと動作しません。

ご助言頂けたら幸いです。

<html>
  <head>
  </head>
  <body>
    無限ループをするjavascriptが走るWEBサイトです。

    <script type="text/javascript">
      window.onload = function(){
	  while(true){
	  }
      }
    </script>
  </body>
</html>

maisumakun

2018/10/22 01:14

無限ループを仕掛けて、中ではどんな処理を行いたいのですか？ものによっては、無限ループ以外の手段もあります。

m.ts10806

2018/10/22 01:38 編集

無限ループで何をしたいかによるのでは。否応なしに無限ループさせてるだけだとフリーズするだけになるような？ブラウザ開発ツールのコンソールにエラーなど出ていませんか？

okushy

2018/10/30 04:04

無限ループを実装したいというよりは、javascript内で単純な計算を永遠に繰り返したいという感じです。マイニングしているような状況を擬似再現したく。

行動規範の内容に同意します

回答4件

ループしたいだけならsetIntervalすればよいのでは？
whileではユーザーに処理はもどらないでしょう

投稿2018/10/22 01:55

yambejp

総合スコア114843

okushy

2018/10/30 04:05

ありがとうございます、試してみます！

行動規範の内容に同意します

javascript内で単純な計算を永遠に繰り返したい

であれば、Web Workerを使いましょう。ブラウザ表示と別スレッドで動くので、表示をブロックすることもなくなります。

投稿2018/10/30 04:10

maisumakun

総合スコア145184

okushy

2018/10/30 04:36

確認してみます、ありがとうございます！

行動規範の内容に同意します

HTMLを表示してからループすればよいだけなら、setTimeoutを使えばよいです。

javascript
1<html>
2  <head>
3  </head>
4  <body>
5    無限ループをするjavascriptが走るWEBサイトです。
6
7    <script type="text/javascript">
8      window.onload = setTimeout(function(){
9      while(true){
10      }
11      }, 100);
12    </script>
13  </body>
14</html>

だけど、これだとブラウザ上で操作不能になります。（ループに入った瞬間レンダリングにもどれなくなるため）
動くようにはしたいけどずーっと走らせておきたいなら、setTimeout内で自分を呼ぶと良いと思います。

javascript
1
2<html>
3  <head>
4  </head>
5  <body>
6    無限ループをするjavascriptが走るWEBサイトです。
7    <script type="text/javascript">
8      window.onload = function(){
9          var m = () => { 
10            console.log("ww"); 
11            setTimeout(m, 1000) // 1秒ごとにconsoleにwwとでます。第二引数(ms)を調整でループ速度変えられます。
12          }
13          m();
14      }
15    </script>
16  </body>
17</html>