Question

我想用for循环改变div的位置.. 我做了一个动画..当我点击一个div（圆圈）时，它移动到一个用Math.random（）确定的位置。我不想点击div移动到另一个位置。我想使用for循环方法，我希望div每隔2秒或几秒钟移动另一个位置.. 你有什么建议..谢谢

点击查看它是如何

$(document).ready(function () {
    $("#circle").click(function () {
        var width = Math.random();
        var yeniwidth = width * 500;
        margin = Math.round(yeniwidth);
        $("#circle").css("margin-top", margin + "px");
        var height = Math.random();
        var yeniheight = height * 1000;
        margin2 = Math.round(yeniheight);
        $("#circle").css("margin-left", margin2 + "px");
    });
});

Codepen

Answer 1

你真的不需要for循环来做到这一点。单击div后不执行代码，而只需使用setInterval函数：

$(document).ready(function () {
    window.setInterval(function(){
        var width = Math.random();
        var yeniwidth = width * 500;
        margin = Math.round(yeniwidth);
        $("#circle").css("margin-top", margin + "px");
        var height = Math.random();
        var yeniheight = height * 1000;
        margin2 = Math.round(yeniheight);
        $("#circle").css("margin-left", margin2 + "px");
    }, 5000);
});

只需更改数字5000即可调整再次执行代码之前应该经过的时间（1000毫秒为1秒）。

On Codepen

如何使用for循环的math.random（）

1 个答案: