JavaScript/タイマー処理/sleepいろいろの変更点

追加された行はこの色です。
削除された行はこの色です。
JavaScript/タイマー処理/sleepいろいろへ行く。
JavaScript/タイマー処理/sleepいろいろの差分を削除

#author("2022-05-19T12:01:58+09:00","default:ryuichi","ryuichi")
#author("2022-05-19T12:02:28+09:00","default:ryuichi","ryuichi")
* sleep [#g2ccab41]

** ビジーウェイト [#nafc4cb1]
 function sleep(time) {
   var d1 = new Date().getTime();
   var d2 = new Date().getTime();
   while (d2 < d1 + time) {
     d2 = new Date().getTime();
    }
    return;
 }
 alert("1");
 sleep(3000);
 alert("2");

** setTimeout() [#eb4acd41]

 function sleep(time, callback){
   setTimeout(callback, time);
 }
 alert("1");
 sleep(3000, function (){ alert("2"); } );

** jQuery [#d6c062fa]
  alert("1");
  $(this).delay(1000).queue(function() {
     alert("2");
    $(this).dequeue();
  });

** Promiseとasync/awaitを使ったSleep [#u7f04c1c]

 function sleep(time) {
   return new Promise((resolve) => { setTimeout(resolve, time) });
 }
 
 alert("1")
 sleep(3000).then(() => { alert("2") });

 もしくは
もしくは

 alert("1");
 await sleep(3000);
 alert("2");


- [[JavaScript/タイマー処理/Promiseとasync awaitを使ったsleep]]