ループの中の処理をさせない

Question

jsでループ処理を作っています。
ループの中でいろいろ処理をさせています。

時間を計ったら、ループの時間間隔より、ループの中の処理の時間が大きいです。
（ループの時間間隔は1秒、ループの中の処理時間は4秒くらいかかっています）

ループの時間間隔は変えることが出来ません。

で以下のように考えてみました。

var flg = 0;
$(function(){
  setInterval(function(){
  if(flg == 1) { continue; }   ----------------------(1)
  flg = 1;
  処理
  flg = 0;
  },1000);
});

flgが1のときは処理を実行せずループを空回りさせ、flgが0のときは処理を実行させるようにしたいです。

上記のコードでは、処理がまったく実行されません。
（(1)の文をコメントアウトすれば処理が実行されます）

何が良くないのか教えてもらえないでしょうか？

よろしくお願いします。

Answer 1

JavaScript は原則シングルスレッド上で動作します。
故に、setIntervalに与えた関数内の処理の実行中に、次のループが実行されることはありません。
ご質問の例のように、処理に4秒かかった場合、次にsetIntervalに渡された関数が呼び出されるのは4秒経過後のなるべく早いタイミングになります。

また、continue文は for ループ又は while ループ内でしか利用できません。
つまり、提示いただいたコードは構文エラーとなっており、ブラウザは以下の処理を破棄しています。

Answer 2

setTimeoutで書き換えるのが一番簡単でしょう。

【【Javascript】setIntervalとsetTimeoutを使ったループ処理の違い - 03LOG】
http://03log.me/blog/2014-05-29-js-setinterval-settimeout.html

もしくは flg に処理終了の時間を入れるようにして、そこから1000ms経っているかどうかで判断するくらいでしょうか。

Comments

[chintao1224]

setIntervalをsetTimeoutに入れ替えたのですが、ループは1回しか回ってないみたいです。setTimeoutに入れ替えるだけでは駄目なのでしょうか？

[kei344]

駄目ですね。回答にて提示した記事にsetTimeoutでのループの書き方が載っているのでそれを見てください。

[think49]

間違った方向に誘導されているので、あえてマイナス評価にします。
R.Mizukamiさんが回答されている通り、JavaScriptはシングルスレッドで動作するので、setIntervalもsetTimeoutも割り込み処理が発生しません。
if(flg == 1) は常に偽であり、continue文はSyntaxErrorになります。

[kei344]

To: think49さん
setTimeoutでのループを使うことで、ループ内処理の終わりを待つことになるし、それでいいかな、という回答です。
「書き換える」部分は説明不足ですね。「誘導」は導く意図があるかのように捉えますが、そういう意図ではなく私の怠惰です。誤解を与えたようで申し訳ありません。