react实现转盘动画
转盘动画方法如下:
/** * 点击转动转盘 */ const turnCircle = () => { let runDeg = +(Math.random() * 360).toFixed(0) + 2160; // 先转6圈,最后再转随机的0-1圈 const table = document.getElementById('innerCircle'); // 转盘节点(这里是一个转盘图片) // 清除状态,恢复到初始状态 table.style.transition = ``; table.style.transform = `rotate(0)`; setTimeout(() => { // 留点时间给清除状态 table.style.transition = `transform 5s ease 0s`; // 时间/速度自由控制 table.style.transform = `rotate(${runDeg}deg)`; }, 10); }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】