JSFiddle - React, Tailwind, and code Playground
HTML
<button id="btn1">開始!</button>
JavaScript
var wait = function(sec) {
return function() {
return new Promise(function(resolve/*, reject*/) {
setTimeout(resolve, sec*1000)
});
}
};
var sec = 3;
document.querySelector('#btn1').addEventListener(
"click",
function(){
Promise.resolve()
.then(wait(sec)) // ここで処理を待たせる
.then(function() {
// ここに目的の処理を書きます。
alert(sec + '秒たちました!');
})
.catch(function (err) {
console.error(err);
self.result_message = error;
});
}
);