Question

我要做的就是使用jQuery在h1标签中显示math.random数字，由于某种原因它不起作用我不知道什么是错误的。出于某种原因，当我取出它的功能时它会起作用，但为什么会这样？

HTML

<h1></h1>

的jQuery

function time(){
  var number = Math.floor(Math.random());
  $('h1').text(number);
}

Answer 1

您需要实际调用time()函数才能使其执行操作。

这是您运行的代码：

function time(){
  var number = Math.floor(Math.random());
  $('h1').text(number);
}

// call your function to run it
time();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1></h1>

注意：您可能会注意到您的号码始终为0。这是因为Math.random()在0和1之间创建了一个浮点数（例如：0.22378）。同样，Math.floor()将采用任何浮点数并将其向下舍入为最接近的整数。因此，0.22378之类的随机数将始终覆盖到0。如果你想在一系列整数之间随机化，你需要将你的随机数乘以你的最大值然后。

var max = 30;
var number = Math.floor(Math.random() * max);

Answer 2

您正在使用$，它是一个jQuery选择器，其形式不了解JQuery。所以请改用此代码：

function Thetime(){
         $(document).ready(function() {
              var number = Math.floor(Math.random());
              $('h1').text(number);
        });
    }

希望这能解决您的问题。旁注：你正在生成的数字，可能总是导致ZERO，所以你也可以只使用Math.random（）而不是Math.floor（Math.random（））;

由于

Answer 3

@ScottMarcus回答了这个问题，我所要做的就是在函数中添加一个document.ready。只是为了任何新的开始编码器而留下这个。

在h1标记jQuery中显示Math.random（）

3 个答案: