能，但需元素存在、css未重置且未触发浏览器节流；标签页后台时会降频，display:none或visibility:hidden会导致暂停；infinite是数值而非字符串，getcomputedstyle返回"infinite"字符串。
animation-iteration-count 设置为 infinite 时，动画真能一直跑？
能，但前提是元素没被移除、CSS 没被重置、且没触发浏览器的资源节流机制（比如标签页切到后台）。很多“停了”不是 animation-iteration-count 的问题，而是父元素 display: none 或 visibility: hidden 导致动画被暂停或销毁。
-
infinite是合法值，不是字符串，别写成"infinite" - 用
getComputedStyle(el).animationIterationCount查值时，返回的是字符串"infinite"，注意类型判断 - Chrome/Firefox 在非活跃标签页会把
infinite动画降频（每秒最多执行 1–2 帧），视觉上像卡住，实际仍在跑
animation-iteration-count 设为 1 和 unset/initial 的区别
表面上都只播一次，但行为不同：1 明确指定单次；unset 或 initial 会回退到默认值 1，看起来一样，但在 CSS 层叠中优先级和继承逻辑不同。
- 如果父元素设了
animation-iteration-count: 3，子元素写unset就会继承 3，写1才真正覆盖 -
initial在所有浏览器都等价于1；unset在有继承性的属性上表现不同，但animation-iteration-count不继承，所以二者在此处效果一致 - 用 DevTools 修改时，直接输数字比点下拉选
initial更可控
配合 animation-fill-mode 使用时，iteration-count 为 1 的陷阱
当 animation-iteration-count: 1 且 animation-fill-mode: forwards 时，动画结束后样式会“冻”在最后一帧——这很常用。但若动画本身含 transform: scale(0) 这类会让元素不可见的终态，就容易误以为动画“没生效”或“消失了”。
- 检查终态：用 DevTools 看元素 computed 样式里的
transform、opacity等是否符合预期 - 临时把
animation-fill-mode改成none，确认动画过程是否正常播放 - 如果想播完还原，别依赖
forwards，改用 JS 监听animationend事件后手动重置
JS 动态修改 animation-iteration-count 失效？
直接改 el.style.animationIterationCount = "infinite" 可以生效，但若之前用 CSS 类控制，仅靠 JS 改内联样式可能被类中的声明覆盖（权重更低）。
立即学习“前端免费学习笔记（深入）”；
- 确保没有更高优先级的 CSS 规则在干扰，比如
.animated { animation-iteration-count: 1 !important; } - 改完后可强制重排：读一下
el.offsetHeight，再改，避免浏览器跳过重计算 - 想彻底接管，不如用
el.style.animation = "none"先清掉，再赋新值，比如el.style.animation = "slide 0.3s ease-in-out infinite"
animation-iteration-count 是个“守规矩”的属性，它只管播几次，不管播不播得出来——渲染层、DOM 存活性、样式优先级这些，才是它背后真正容易断掉的链子。 
