<div id="output"></div>
const out = document.getElementById('output');
const v = {
getOrder() {
return new Promise(function(resolve, reject) {
setTimeout(() => {
out.innerHTML += "<div>hello world</div>";
resolve(true);
}, 500);
});
},
async example() {
out.innerHTML += "<div style='color:red'>start</div>";
for (let i in [1, 2, 3]) {
await this.getOrder();
out.innerHTML += "<div>loaded " + i + "</div>";
}
out.innerHTML += "<div style='color:green'>finish</div>";
}
};
v.example();
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.