javascript - JavaScript の遅延関数

Question

重複の可能性:
Javascript でスリープ

私はjavascriptを使ってdivを動的に書いています。

ある div を別の div に書き込むための遅延時間が必要です。

for ループを使用して div を動的に記述しています。

スリープ機能が動作しない..

私のコードは、

for(i=0;i<10;i++){
   sleep(100);
   $("#"+i).html("hi"+i);
}

function sleep(milliseconds) {
  var start = new Date().getTime();
  for (var i = 0; i < 1e7; i++) {
    if ((new Date().getTime() - start) > milliseconds){
      break;
    }
  }
}

Answer 1

を使用できますsetTimeout()。

グーグル検索をすると、多くの使用例が表示されます。

Answer 2

getTimeout 関数を使用する必要があります。この関数は、コールバックと、それを呼び出す前に数ミリ秒待機します。

for(i=0;i<10;i++){
    setTimeout((function(i) {
        return function() {
            $("#"+i).html("hi"+i);
        };
    })(i), 100) 
}

Answer 3

setTimeout内部関数で使用する別の使用方法：

function writeDivs() {
  var i = 0;
  var divsToCreate = 100;
  var timeToSleep = 100;
  var createOneDiv = function () {
    if (i < divsToCreate) {
      $("#"+i).html("hi"+i);
      i++;
      setTimeout(createOneDiv, timeToSleep);
    }
  }
  setTimeout(createOneDiv, timeToSleep);
}

Answer 4

setInterval(関数、ミリ秒) を使用する

Answer 5

前に提案したように、setTimeout() を使用します。詳細はこちら.