[js]圆周运动&类s运动

最新推荐文章于 2023-07-05 17:32:27 发布

原创最新推荐文章于 2023-07-05 17:32:27 发布 · 547 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #运动轨迹 #前端

javascript 同时被 2 个专栏收录

19 篇文章

订阅专栏

前端

11 篇文章

订阅专栏

// 圆周运动
function circularMove(obj){
    var deg = 0;
    var timer = setInterval(function(){
        deg++;
        var x = 100 * Math.cos(deg * Math.PI/180);
        var y = 100 * Math.sin(deg * Math.PI/180);
        obj.style.left = x + 200 + 'px';
        obj.style.top = y + 200 + 'px';
    }, 10);
}

// 类s运动
function sMove(obj){
    var x = 0;
    var timer = setInterval(function(){
        x++;
        var y = 50 * Math.sin(2 * x * Math.PI / 180);
        obj.style.left = x + 200 + 'px';
        obj.style.top = y + 200 + 'px';
    },10);
}