为什么HTML rand命令保持产生的值超过0.5

时间:2016-03-05 21:34:07

标签: javascript html random

我正在编码以了解html如何工作,但我无法完全理解Math.random()函数。

<!DOCTYPE html>
<html>
<body>

Value:<br> <p id="Value"> 0 </p>
<div>
</div>

<p>Click the button to increase the value.</p>

<button onclick="increase()"+",this.blur()" id="demp" style="position:relative; left: 500px; top: 80px; width: 64px; height: 64px;">Increase</button>

<script>
function increase() {
    var x = document.getElementById("Value").innerHTML;
    var increased = parseInt(x,10) + parseInt(1,10);
    document.getElementById("Value").innerHTML = increased;
}

function change(){
    var num = 0;
    window.setInterval(function(){
    var speedx= Math.floor((Math.random() * 10) - 5);
    var speedy= Math.floor((Math.random() * 10) - 5);
    document.getElementById("demp").style.left= parseInt(document.getElementById("demp").style.left, 10) + parseInt(speedx,10) +"px"; 
    document.getElementById("demp").style.top= parseInt(document.getElementById("demp").style.top, 10) + parseInt(speedy,10) +"px"; 
    }, 10)
}
window.onload = function start() {
    change();
}
</script>
</body>
</html>

我创建了一个按钮,根据Math.random()值更改了它的位置。我刷新页面30次,我的按钮总是向上和向左。这意味着math.random()函数产生的大于0.5 你能解释为什么它不会产生真正的随机数,我怎样才能创建一个真正的随机数?

0 个答案:

没有答案