Question

CSS3动画怎么实现每个一段时间播放一次

Answer 1

可以。前提你得设置2次以上，比如

第一种：animation：4s 10 5s

4s本次运动时间，10是动画10次 5s是等5秒开始动画

第二种：animation-delay：5s 延迟后运行

第三种：需要animation-name: xxoo（xxoo是说本次你做的动画叫什么，纯属自己定义！不要以为这是h5标签XXOO）

@keyfrarmes xxoo
{ 
  0%{}
  10%{}
  30%{ 你做的动画已经完成 }
  100%{剩下的跟100%一模一样，就相当于等了几秒}
}

Answer 2

这样说吧，，间隔时间的确只是第一次的间隔时间，

如果你接触过FLASH的话，就比较容易换个方式来思考它，

比如你的动画时间为5秒，你想让循环中间隔5秒，

那你可以把你的动画时间设置为10秒，但是动画的动作要在5秒也就是50%的时候执行完，留下5秒的停顿，这样就会造成了间隔效果了，

每次播放时，5秒钟执行完你想要的动画效果，停顿5秒，

还有一个办法就是通过JS来计时触发，做个计时器，到时间就触发一次，，