将div实例化为容器内的随机空间

Question

我知道这可能是一个非常基本的问题，但这里有：

我正在使用JS将一些DOM元素实例化到HTML页面上。

for(var i = 0; i < dotsCount; i++){
    dotsHtml += "<div class = 'dot'></div>";
}
$dots = $(dotsHtml);
$count.html(dotsHtml);

我希望它们以随机间隔的距离产生，但目前它们都是按照您的预期在垂直线上产生的。

我正在使用velocity.js为它们制作动画，但我不知道如何将它们的初始位置随机化。

Answer 1

最简单的方法是使用Math.random()生成随机数，然后添加<div class='dot'> a style="margin-right:"+yourRandomNumberHere+"px"