vue-lucky-draw

// Розыгрыш
  handleStart() {
    if (this.isRuningLucky) {
      return Toast("Розыгрыш уже идет...");
    }
    if (isNaN(Number(this.initSpeed))) {
      return false;
    }
    this.speed = this.initSpeed;
    // Начать розыгрыш
    this.isRuningLucky = true;
    this.time = Date.now();
    this.drawAward();
    Toast("Начало розыгрыша");
  },
  drawAward() {
    // Запрос к API для получения данных о призе (предположим, что время запроса составляет 2 секунды)
    setTimeout(() => {
      this.award = {
        id: "4"
      };
      console.log("Результат розыгрыша:", this.award);
    }, 2000);
    this.move();
  },
  move() {
    let timer = setTimeout(() => {
      this.current++;
      if (this.current > 7) {
        this.current = 0;
      }
      // Если ID приза существует, начинаем замедлять вращение
      if (this.award.id && (Date.now() - this.time) / 1000 > 2) {
        console.log("Приз появился");
        this.speed += this.diff; // Замедление вращения
        
        // Если время вращения превышает 4 секунды и ID приза соответствует ID приза на текущей позиции, останавливаем вращение
        if (
          (Date.now() - this.time) / 1000 > 4 &&
          this.award.id == this.awards[this.current].id
        ) {
          clearTimeout(timer);
        }
      }
    }, this.speed);
  }
```          setTimeout(() => {
            this.isRuningLucky = false;
            // Здесь пишем действия после остановки (показываем окно с призом)
            Toast(
              "Вы выиграли приз " + this.awards[this.current].name + ", ID приза " + this.awards[this.current].id
            );
          }, 400);
          return;
        }
``````markdown
      // Если выигрышного приза нет, увеличиваем скорость вращения
      } else {
        if (this.speed >= 50) {
          this.speed -= this.diff; // Увеличение скорости
        }
      }

      this.move();
    }, this.speed);
  },

// Анимация списка победителей
  scroll() {
    this.animate = true;
    let timer = setTimeout(() => {
      this.list.push(this.list[0]);
      this.list.shift();
      this.animate = false;
    }, 500);
  }