不借助 CSS3，用 JS 控制 div 旋转速度及开发注意事项

可以使用`setInterval`或者`requestAnimationFrame`来实现`div`旋转速度的控制。以下是使用`setInterval`的示例代码： ```javascript // 获取div元素 const divElement = document.getElementById('myDiv'); // 初始旋转角度 let rotationAngle = 0; // 旋转速度，单位为度/每次间隔 const rotationSpeed = 1; // 时间间隔，单位为毫秒 const intervalTime = 10; // 设置旋转的函数 function rotateDiv() { // 增加旋转角度 rotationAngle += rotationSpeed; // 应用旋转样式 divElement.style.transform = `rotate(${rotationAngle}deg)`; } // 使用setInterval定时调用旋转函数 const rotationInterval = setInterval(rotateDiv, intervalTime); // 可以在需要的时候停止旋转 // clearInterval(rotationInterval); ``` 在上述代码中，`rotationSpeed`表示每次间隔旋转的度数，`intervalTime`表示每次调用旋转函数的时间间隔。通过调整这两个参数，可以控制旋转的速度。 我在以往的开发过程中，碰到过以下几点需要格外小心处理的地方： 1. 注意`setInterval`可能会导致内存泄漏，特别是在页面中频繁创建和销毁定时器时，需要确保在不需要时及时清除定时器。 2. 调整旋转速度时，要考虑到浏览器的性能，避免设置过小的时间间隔和过大的旋转度数，导致页面卡顿。 3. 当页面中有多个元素同时进行旋转动画时，要注意不同元素之间的定时器相互影响，避免出现意外的旋转效果。 ######[AI写代码神器 | 359点数解答 | 2025-09-01 12:04:00]