jquery实现图片不停旋转

<img id="rotating-image" src="path/to/image.jpg" alt="Rotating Image">

#rotating-image {
    width: 100px; /* 设置图片宽度 */
    height: auto; /* 保持图片比例 */
}

$(document).ready(function() {
    function rotateImage() {
        $('#rotating-image').css({
            'transform': 'rotate(' + degrees + 'deg)'
        });
        degrees += 1; // 每次增加1度
        if (degrees > 360) {
            degrees = 0; // 重置角度
        }
    }

    var degrees = 0; // 初始角度
    setInterval(rotateImage, 10); // 每10毫秒旋转一次
});

$(document).ready(function() {
    var degrees = 0;
    function rotateImage() {
        $('#rotating-image').css({
            'transform': 'rotate(' + degrees + 'deg)'
        });
        degrees += 1;
        if (degrees > 360) {
            degrees = 0;
        }
        requestAnimationFrame(rotateImage); // 使用 requestAnimationFrame
    }
    rotateImage(); // 启动旋转
});