简单的圆周运动JavaScript代码

一个使用 JavaScript 和 HTML5 实现简单圆周运动的代码示例。

var ball = document.querySelector('#ball')

        var deg = 0
        var r = 200
        var x = 200
        var y = 200

        function fn(){
            //角度值 = 3.14/180*deg
            var rad = Math.PI/180*deg
            //圆上的一点 (x1,y1)
            var x1 = x + Math.cos(rad)*r
            var y1 = y + Math.sin(rad)*r
            deg += 1
            ball.style.left = x1 - 5 + "px"
            ball.style.top = y1 - 5 + "px"
        }
        fn()
        setInterval(fn,1000/60)