能，但仅对正在运行的动画生效；已结束或未触发的动画无效，且不支持过渡、不触发事件，需用 element.style.animationPlayState 精准控制。
animation-play-state 能直接控制暂停/继续吗
能，但只对正在运行的动画生效，对已结束或未触发的动画无效。它不是重播控制，也不影响动画时间轴本身。
-
animation-play-state: paused会冻结当前帧，所有属性值停在那一刻 -
animation-play-state: running恢复播放，从暂停处继续，不是从头开始 - 必须作用于正在执行
animation的元素，且该动画不能是animation-fill-mode: forwards且已自然结束的状态 - 不支持过渡（
transition）到paused或running，设了也没用
用 JavaScript 切换 animation-play-state 的正确写法
直接改 style.animationPlayState 最稳妥，避免 class 切换带来的层叠干扰或 CSS 优先级问题。
- 用
element.style.animationPlayState = 'paused'设置内联样式，优先级最高 - 恢复时用
element.style.animationPlayState = 'running'，别设成''（空字符串会回退到 CSS 规则值，可能不是你想要的） - 如果用 class 控制，确保 class 中的
animation-play-state声明没有被其他更具体的规则覆盖 - 注意：修改后不会触发
animationstart或animationend事件
为什么加了 paused 却没暂停？常见卡点
多数情况不是语法错，而是动画根本没“活”着。
- 动画已自然结束，且
animation-fill-mode是forwards—— 此时再设paused无效，因为动画生命周期已终止 - 元素上没实际触发动画：比如
animation-name写错了、@keyframes拼写不一致、或动画时长为0s - CSS 层叠中，更高优先级的选择器把
animation-play-state又覆盖回running - 用
getComputedStyle(el).animationPlayState检查返回值，确认是否真被设成了paused
想暂停后还能手动跳到某帧，有办法吗
纯 CSS 不行。animation-play-state 只能冻住当前帧，不能跳转。要精确控制帧位置，得用 Animation 对象 API。
立即学习“前端免费学习笔记（深入）”；
- 通过
el.getAnimations()获取正在运行的CSSAnimation实例 - 用
anim.pause()暂停，再改anim.currentTime（单位毫秒）跳到任意时刻 - 改完后调
anim.play()继续，或保持paused状态 - 注意兼容性：
getAnimations()在 Safari 16.4+、Chrome 115+、Firefox 73+ 支持；旧版需降级处理
setTimeout 里盲目设 paused，却没先 check getAnimations() 返回数组是否为空。 
