使用es6实现自动移动的悬浮窗组件

好的，您的要求是使用 ES6 实现自动移动的悬浮窗组件。这里提供一个简单的示例代码，帮助您实现这个功能：

class FloatingWindow {
  constructor(container, speed) {
    this.container = container; // 悬浮窗容器
    this.speed = speed; // 移动速度
    this.intervalId = null; // 定时器ID
  }
  
  // 开始自动移动
  start() {
    this.intervalId = setInterval(() => {
      const x = this.container.offsetLeft;
      const y = this.container.offsetTop;
      const newX = x + this.speed;
      const newY = y + this.speed;
      this.container.style.left = newX + 'px';
      this.container.style.top = newY + 'px';
    }, 1000/60);
  }
  
  // 停止自动移动
  stop() {
    clearInterval(this.intervalId);
    this.intervalId = null;
  }
}

// 使用示例
const container = document.querySelector('.floating-window');
const speed = 2;
const floatingWindow = new FloatingWindow(container, speed);
floatingWindow.start();

这个示例代码中，我们定义了一个 `FloatingWindow` 类来表示悬浮窗，它接受两个参数：`container` 表示悬浮窗容器，`speed` 表示移动速度。在 `start` 方法中，我们使用 `setInterval` 定时器来实现自动移动的功能，每次移动的距离是 `speed`，移动的时间间隔是 1000/60 秒。在 `stop` 方法中，我们使用 `clearInterval` 方法来停止定时器，从而停止自动移动。

使用方法非常简单，只需要将悬浮窗容器和移动速度传入 `FloatingWindow` 类的构造函数中，然后调用 `start` 方法即可开始自动移动。如果需要停止自动移动，只需要调用 `stop` 方法即可。