在CSS3动画中，我们可以使用requestAnimationFrame()函数来创建动画循环。以下是一个简单的例子，展示了如何使用requestAnimationFrame()来判断动画是否第一次播放结束：

```javascript // 获取元素 var element = document.getElementById('myElement');

// 创建一个动画 var myAnimation = setInterval(function() { // 清除旧的动画 clearInterval(myAnimation);

// 动画的样式 element.style.animationPlayState = 'running';

// 进行动画 element.style.animationDuration = '2s';

// 每2秒执行一次动画 requestAnimationFrame(function() { element.style.animationPlayState = 'ended'; }); }, 2000); ```

在这个例子中，我们首先获取了元素的引用，然后创建了一个动画。我们使用setInterval()函数来创建一个动画循环，每2秒执行一次动画。在动画执行过程中，我们首先清除旧的动画，然后设置动画的样式为正在播放。然后我们改变动画的持续时间，每2秒改变一次动画的持续时间。最后，我们使用requestAnimationFrame()函数来判断动画是否第一次播放结束。

注意，requestAnimationFrame()函数返回的是一个回调函数，我们可以在回调函数中执行一些操作，如设置动画的结束状态。

在CSS3动画中，我们可以使用requestAnimationFrame()函数来创建动画循环。以下是一个简单的例子，展示了如何使用requestAnimationFrame()来判断动画是否第一次播放结束：

```javascript // 获取元素 var element = document.getElementById('myElement');

// 创建一个动画 var myAnimation = setInterval(function() { // 清除旧的动画 clearInterval(myAnimation);

// 动画的样式 element.style.animationPlayState = 'running';

// 进行动画 element.style.animationDuration = '2s';

// 每2秒执行一次动画 requestAnimationFrame(function() { element.style.animationPlayState = 'ended'; }); }, 2000); ```

在这个例子中，我们首先获取了元素的引用，然后创建了一个动画。我们使用setInterval()函数来创建一个动画循环，每2秒执行一次动画。在动画执行过程中，我们首先清除旧的动画，然后设置动画的样式为正在播放。然后我们改变动画的持续时间，每2秒改变一次动画的持续时间。最后，我们使用requestAnimationFrame()函数来判断动画是否第一次播放结束。

注意，requestAnimationFrame()函数返回的是一个回调函数，我们可以在回调函数中执行一些操作，如设置动画的结束状态。