マルチタスク [1.0.1]

概要

複数の非同期処理を直列に処理して、進捗を表示します。
new MultiTask().execute()をawaitするように変更

head内に追記

<script charset="UTF-8" src="multiTask.js"></script>

使い方:複数の非同期処理を直列に処理する(シングルタスク)

const multiTask = [ [...tasks] ];
const MT = new MultiTask();
const result = MT.execute(multiTask);
tasks[].func (function)
実行する関数
tasks[].args? (array)
関数に渡す引数
tasks[].html? (string)
関数実行中の文言

使い方:複数の非同期処理を直列に処理するものを複数処理する(マルチタスク)

const multiTask = [ [...tasks], [...tasks], ... ];
const MT = new MultiTask();
const result = MT.execute(multiTask);
tasks[].func (function)
実行する関数
tasks[].args? (array)
関数に渡す引数
tasks[].html? (string)
関数実行中の文言

使い方:非同期処理を途中で中止する

const MT = new MultiTask(true);
new MultiTask(true)
右上の×ボタンで中止する

使い方:非同期処理を途中で中止してコールバックする

function FUNC (nextTaskObj) {
  alert('処理が中止されました');
}
const MT = new MultiTask(FUNC);
new MultiTask(FUNC)
右上の×ボタンで中止して、コールバックする

デモ