Javascript 随机化动画对象的位置

Javascript 随机化动画对象的位置,javascript,jquery,jquery-animate,Javascript,Jquery,Jquery Animate,我有一个在轨道上移动物体的小脚本,我想随机化物体的起始位置 下面是我要说的: HTML JS 有人擅长数学并且知道如何更改吗?更改代码的第一部分: $(document).ready(function() { orbit('.circle', Math.random()*100, 0.01, 100, 75, 75); }); 将圆的起始位置随机化?他的回答含糊不清。很好,是最简单的。你不想应用Math.random()最后两个参数吗,因为它们是起始的X和Y值?因为X和Y参数会改变轨

我有一个在轨道上移动物体的小脚本,我想随机化物体的起始位置

下面是我要说的:

HTML

JS


有人擅长数学并且知道如何更改吗?

更改代码的第一部分:

$(document).ready(function() {
    orbit('.circle', Math.random()*100, 0.01, 100, 75, 75);
});

将圆的起始位置随机化?他的回答含糊不清。很好,是最简单的。你不想应用
Math.random()
最后两个参数吗,因为它们是起始的X和Y值?因为X和Y参数会改变轨道位置,而不是圆。工作起来很有魅力。谢谢你,迈克尔,我想不起来了。
.orbit
{
    height: 200px;
    width: 200px;
    background: rgba(0,0,0,0.2);
}

.circle
{
    height: 50px;
    width: 50px;
    background: #00ff00;
    position: absolute;
}
$(document).ready(function() {
    orbit('.circle', 0, 0.01, 100, 75, 75);
});

function orbit(obj, t, ts, r, x, y)
{
    t += ts;

    var top = Math.floor(y - (r * Math.sin(t)));
    var left = Math.floor(x - (r * Math.cos(t)));

    $(obj).animate({
        top: top,
        left: left,
    }, 1, function()
    {
        orbit(obj, t, ts, r, x, y);
    });
}
$(document).ready(function() {
    orbit('.circle', Math.random()*100, 0.01, 100, 75, 75);
});