ES6 verspricht: wie man Funktionen mit Argumenten verkettet
Wie man Funktionen mit Verzögerungen verkettet. Ich habe folgendes versucht:
Promise.resolve()
.then(setKeyframe('keyframe-0'))
.then(delay(3000))
.then(setKeyframe('keyframe-1'))
.then(delay(3000))
.then(setKeyframe('keyframe-2'))
;
function delay(ms) {
return new Promise((resolve, reject) => {
setTimeout(resolve, ms);
});
}
function setKeyframe (name) {
var element = document.getElementsByClassName('animation-container')[0];
element.className = 'animation-container ' + name;
}
Alle Funktionen scheinen unmittelbar nacheinander aufgerufen zu werden. Die Verzögerungsfunktion verzögert die Kette nicht. Was vermisse ich