JavaScriptで「ちょっと処理を遅延させたいとき」

Question

処理と処理の間を少しもたつかせたいとき、どうするのがいいですか？

下記の感じを試したのですが、これだと必要なコンソールまで削除されてしまいますし、かといって削除しないと不要なコンソールが10000個でてしまいますし、と悩んでます。

setTimeOutなど非同期系はナシとして、他に良い知恵ありましたらお願い致します。

function DelayProcessing( count ){
  for (  var i = 0;  i < count;  i++  ) {
    console.log(i);
    console.clear();
  }
}
  
$('body').append('hello');
DelayProcessing(10000); // ここでもたつかせたい
$('body').append('world');

###遅延させたい理由
ABCの非同期処理がすでに実装済みで、ちょっと確認したいことがあったのでAとBの間で今回の「もたつかせる」をしたかったということです。まぁもう一つ非同期処理を挟んでもいいんですけど、テストのためのだけのことなのでその手間を省くべく、質問した感じになります。

Comments

[maisumakun]

具体的に、どのようなコンソールの状態にしたいのですか？そして、それと「ちょっと処理を遅延させたい」というのは、どうつながるのでしょうか。

[kannmuri]

コンソールはあってもなくてもいいです。ちょっと遅延させたいだけなので。
コンソールに出したりせず足し算してもいいですし、とにかくうまく遅延させたいときの書き方はどうしたらいいのか、というのが質問になります！

[fiveHundred]

何らかの動作確認をしたい、などと言った具合に、具体的に遅延させたい理由を記載してください。

（そうでないと信じてますが）もし「非同期処理が分からないからそのようにしたい」というのであれば、学習不足に対する怠け以外の何物でも無いので、この際に非同期処理を勉強することをおすすめします。

[kannmuri]

情報不足すみません。「遅延させたい理由」を追記しました。

[think49]

> ABCの非同期処理がすでに実装済みで、ちょっと確認したいことがあったので

「ちょっと確認したいこと」が理由のようですので、そこを具体化してください。
個人的には要件そのものが「良い知恵」に結びつかない気がしていますが…。

[urbainleverrier]

if function_exists?的な処理を噛ませるのはどうですか？
もしくはif debug的なやつです。

Answer 1

確認したいことがあるなら、もたつかせるのではなくdebugger;を使用してください。

Comments

[AkitoshiManabe]

質問者さんの過去の質問からも jQuery.Deferred（$.when()） の挙動を知りたいのだと感じてます。
もしそうなら、H40831 さんのこの回答が一番的を射てますねぇ。

Answer 2

処理と処理の間を少しもたつかせたいとき、どうするのがいいですか？

非同期系を使ってください。

setTimeOutなど非同期系はナシとして、他に良い知恵ありましたらお願い致します。

UIを意図的にロックさせる方法しかありません。

console.time();
var lockingSec = 2;
var currentTime = Date.now();
var lockEnd = currentTime + lockingSec * 1000;
while( currentTime < lockEnd ){
  currentTime=Date.now();
}
console.timeEnd();

ブラウザのコンソールで動きます.
※ console.time(), console.timeEnd() の使い方ということで

Answer 3

時間を経過させたいということなら10秒sleep
あ、ごめんなさい。asyncも無しなんですね。

const sleep = msec => new Promise(resolve => setTimeout(resolve, msec));

(async () => {
  console.log('hello');
  await sleep(10000);
  console.log('world!')
})();

Comments

[kannmuri]

いい書き方ですね。ですがsetTimeOutなど非同期系はナシとして探しています。

[story_aniki]

一つ確認なのですが、非同期をなしというのはAの処理をして次にBの処理をして、更にその次にCの処理をする、というような順序を崩したくないというのが理由でしょうか？
つまり、Aという処理だけを遅らせると、処理の順番が、BACの順になったりBCAの順になることを避けるためという事でよいでしょうか？

[kannmuri]

あ、仰る通りですー。

（以下質問本文に追記しました）
～～～～～～～～～～
ABCの非同期処理がすでに実装済みで、ちょっと確認したいことがあったのでAとBの間で今回の「もたつかせる」をしたかったということです。まぁもう一つ非同期処理を挟んでもいいんですけど、テストのためのだけのことなのでその手間を省くべく、質問した感じになります。
～～～～～～～～～～

わかってくださってありがとうございます。

Answer 4

とにかくうまく遅延させたいときの書き方はどうしたらいいのか、というのが質問になります！

ブラウザのJavaScriptでは、非同期処理のほぼ一択です。

ブラウザのUIとJavaScriptは同期して進みますので、無理やりループなどを回して処理時間を消費させてしまうと、その間UIがロックすることになってしまいます。実運用するサイトではほぼ使えません。

Comments

[kannmuri]

実運用では使わないので、そこの心配は大丈夫です。ありがとうございます。