[Stop motion animation] №оы

snippet.js

/**
 * Launches star animation.
 * @param {Number} interval - Animation speed in MS.
 * @param {String} target - Target selector.
 */
async function animateStar(interval, target) {
  try {
    const container = document.querySelector(target)
    const image = document.createElement('img')
    const paths = ['images/Star1.svg', 'images/Star2.svg', 'images/Star3.svg', 'images/Star4.svg', 'images/Star5.svg']
    const starsCount = paths.length
    let i = 0

    await Promise.all(
      (() => {
        const array = []

        for (const path of paths) {
          array.push(loadImage(path))
        }

        return array
      })(),
    )

    if (!container.children[0]) {
      container.append(image)
    } else {
      console.log('rem')
      container.children[0].remove()
      container.append(image)
    }

    let timeoutID = setTimeout(function run() {
      if (i === starsCount) {
        clearInterval(timeoutID)
        return
      }

      image.src = paths[i]

      i++

      timeoutID = setTimeout(run, interval)
    }, interval)
  } catch (error) {
    console.log(`Error: ${error.message}`)
  }
}