サンプルJS

動作させるオブジェクトを指定

var object = document.querySelector('.object')

指定オブジェクトを移動させる関数

  function move() {
    return new Promise((resolve, reject) => {
      var player = object.animate([
        {transform: 'translate(0)'},
        {transform: 'translate(90vw, 0)'}
      ], 1500);
      resolve(player)
    })
  }

指定したオブジェクトの終了時の場所を指定する関数

  function finish() {
    return new Promise((resolve, reject) => {
      var moveend = object.style.transform = "translate(90vw, 0)"
      setTimeout(() => {
        resolve(moveend)
      }, 1700)
    })
  }

指定したオブジェクトの文字を変更する関数

  function rename() {
    return new Promise((resolve, reject) => {
      resolve(object.innerText='移動が完了')
    })
  }

3つの関数を順番に実行させるasyncファンクション

  async function myfuncA() {
    await move()
    await finish()
    await rename()
  }

functionを実行

  myfuncA();