Question

我正在尝试创建一个看起来像健康监视器的网页，我需要创建一个随机数生成器，它将充当心脏监视器。这就是我所拥有的：

<?php

function functionName()
{
    return rand(5, 15);
}

?>

<html>
<body>

<?php 

    $i = 0;

while ($i <= 10) 
{
    echo functionName();
    echo "</br>";
    $i++;
}

?>


</body>
</html>

问题是数字是一个接一个地打印出来的，我需要它们只是出现在同一个地方但是不同。换句话说，如果我有一个部分说“Heart Best Perss：”，我将需要一个新的数字来代替另一个每隔几秒出现一次。

有谁知道怎么做？我已经看过类似的东西，所以我很确定它是可行的。

Answer 1

setInterval(function() {
  var i = Math.floor(Math.random() * (15 - 5 + 1)) + 5;
  document.getElementById("random").innerHTML = i;
}, 1000);

 <span id="random"></span>

这可能吗？使用Math.random();和setInterval()

Answer 2

要实现您的目标，您可能必须结合使用JavaScript的JQuery和PHP。首先，创建一个文件randomnumber.php

<?php
die(rand(5,15));
?>

，并在您的index.php

上

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <!-- load JQuery from Google CDN -->
    </head>
    <body>
        <h2 id="randomNumber"></h2>
    </body>
    <script>
    function getRandom() {
        setInterval(function() {
            $("#randomNumber").load("randomNumber.php");
        }, 3000) // delay in milliseconds
    }
    getRandom();
    </script>
</html>

Answer 3

您可以使用Math.random()生成随机数。

使用Math.floor()将数字向下舍入到最接近的整数。

并使用setInterval()以特定间隔运行该函数。

setInterval(function() {
  var i = Math.floor(Math.random() * (15 - 5 + 1)) + 5;
  document.getElementById("hbeat").innerHTML = 'Heart Beat Per Seconds : ' + i;
}, 1000);

<span id="hbeat"></span>

在HTML中创建随机数生成器

3 个答案: