在做播放器时播放盘在控制下暂停与转动
发现微信浏览器下js控制style的
-webkit-animation-play-state: paused;
无法无法响应,于是通过修改类名去实现这个暂停
新建两个这样的动画类,再通过js修改类
.paused{ -webkit-animation: xuanzhuan 8s both linear infinite; animation: xuanzhuan 8s both linear infinite; animation-play-state: paused; -webkit-animation-play-state: paused; } .play{ -webkit-animation: xuanzhuan 8s both linear infinite; animation: xuanzhuan 8s both linear infinite; animation-play-state: running; -webkit-animation-play-state: running; }
function bofang(){ audio.play(); console.log("play"); k=1; bofangpan.className=("play"); bofangbiaoshi.setAttribute("src",'singel/play.png') } function zanting(){ audio.pause(); console.log("stop"); k=0; bofangpan.className=("paused"); bofangbiaoshi.setAttribute("src",'singel/paused.png') }