Hi, first thank you first this jewel, really a saviour! <p dir="

What about using a simple wrapper? <div class="highlight highlight-source-js notra

Returning a Promise about animateplus HOT 3 CLOSED

bendc commented on May 18, 2024

Returning a Promise

from animateplus.

Comments (3)

commented on May 18, 2024 1

Agreed. The amount of spaghetti code I wrote trying to do a simple headline rotation sequence has lead me to giving animo a shot instead (it returns a promise, but uses a different approach).

from animateplus.

msheakoski commented on May 18, 2024 1

What about using a simple wrapper?

function pranimate(params) {
  return new Promise(function (resolve, reject) {
    params.complete = resolve;
    animate(params);
  });
}

<h1>Hello</h1>
<script> 
  document.addEventListener("DOMContentLoaded", function(event) {    
    pranimate({
      el: "h1",
      translateX: [0, 200],
      duration: 1000
    }).then(function () {
      return pranimate({
        el: "h1",
	translateX: [200, 200],
        translateY: [0, 200],
        duration: 1000
      });
    }).then(function () {
      return pranimate({
        el: "h1",
	translateX: [200, 0],
        translateY: [200, 200],
        duration: 1000
      });
    }).then(function () {
      return pranimate({
        el: "h1",
        translateY: [200, 0],
        duration: 1000
      });
    });
  });
</script>