如何创建随机边界半径?

时间:2016-02-14 00:06:35

标签: function styles

在Udemy的The Complete Web Developer Course的Javascript部分,Rob(老师)根据简单的if-then语句使div随机变成圆形或方形。但是,我如何创建一个具有完全随机边界半径的正方形?

function getRadius(){

    var radius=Math.random();
    radius = radius * 100;
}

function makeBox(){

    var time=Math.random();
    time=time*2000;

    setTimeout(function() {

        document.getElementById("box").style.borderRadius="50px";

        document.getElementById("box").style.backgroundColor=getRandomColor();

        document.getElementById("box").style.display="block";
        createdTime=Date.now();
    }, time);
}

当我在示例中有一个带px的整数时,程序可以正常工作,但我似乎无法弄清楚如何将50更改为函数getRadius,如果这有意义的话。

没有任何内容

1 个答案:

答案 0 :(得分:0)

HTML:

/etc/hosts

的CSS:

<div id="box" onclick="change();">
<p>click me</p>
<div>

JS:

#box{
  height:100px;
  width:100px;
  background-color:red;
}