TOP ▲ itcore TOP プログラムパーツ

sleep sleep関数 指定した秒数待つ | itcore 2018年

JavaScript

JavaScript TOP

関数

<script>
function sleep(sec) {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, sec * 1000);
  });
}
</script>

テストプログラム

<?php include_once "sleep.js"; ?>
<script>
var div =document.createElement("div");
document.body.appendChild(div);
// asyncをつけたfunctionから呼び出す。
async function test() {
    var arr = [1, 2, 3, 4, 5];
    for (i = 0; i < arr.length; i++) {
        var sec = arr[i];
        await sleep(sec);
        div.innerHTML = sec;
    }
}
test(); // 実行
</script>

実行結果