{$code}

const S = new Spinner();
S.show(inObj);

inObj.message{string|undefined}

表示するメッセージ

inObj.abort{boolean|callback|undefined}

true で中止処理。
callback で中止処理＆コールバック。

S.destroy();

それぞれ５秒後に自動的に閉じられます。

くるくるだけ表示

<button type="button" onclick="spinner()">くるくるだけ表示</button>

文字も表示

<button type="button" onclick="spinner({message:'しばらくおまちください'})">文字も表示</button>

処理中断機能付き

<button type="button" onclick="spinner({message:'右上の×ボタンで中止できるよ', abort:() => {})">処理中断機能付き</button>

コールバック

<button type="button" onclick="spinner({message:'右上の×ボタンで中止できるよ', abort:() => { alert('中止しました'); } })">コールバック</button>