[JS] Promiseによる非同期処理の実装
概要
Promiseオブジェクトを利用し、非同期処理を実装する。
Aという処理が完了してからBという処理を始める、というような使い方が可能。
今回はA(全ての画像を読み込み終わってから)→(画像を表示をする)というDEMOを作成。
DEMO
Aが一つの場合
setTimeout にて画像読み込みにかかる時間を擬似的に1秒としている。
Aが複数の場合
setTimeout にて画像読み込みにかかる時間をそれぞれ擬似的に1秒,2秒,3秒としている。
参考URL
Promise - JavaScript | MDNPromiseを使う - JavaScript | MDN