js实现一个小球从页面左侧向右侧的三次闪烁

以下是实现小球从页面左侧向右侧的三次闪烁的JS代码：

// 获取小球元素
const ball = document.getElementById('ball');

// 设置小球初始样式
ball.style.position = 'absolute';
ball.style.left = '0';

// 定义闪烁次数
const blinkCount = 3;
let currentBlink = 0;

// 定义闪烁函数
function blink() {
  // 切换小球颜色
  if (ball.style.backgroundColor === 'red') {
    ball.style.backgroundColor = 'yellow';
  } else {
    ball.style.backgroundColor = 'red';
  }

  // 判断是否达到闪烁次数
  currentBlink++;
  if (currentBlink < blinkCount * 2) {
    // 未达到闪烁次数，继续闪烁
    setTimeout(blink, 500);
  } else {
    // 达到闪烁次数，停止闪烁
    ball.style.backgroundColor = 'yellow';
  }
}

// 执行闪烁函数
setTimeout(blink, 500);

解释：

1. 首先获取小球元素，设置小球初始样式，将其放置在页面左侧。

2. 定义闪烁次数和当前闪烁次数。

3. 定义闪烁函数，每次调用时切换小球颜色，直到达到闪烁次数为止。

4. 在页面加载完成后，通过setTimeout函数延迟调用闪烁函数，使小球开始闪烁。