Question

我想每隔5秒显示1000到2000之间的随机数。

我用javascriptMath random（）和setInterval来做这件事但是我有一个问题：在页面加载时，第一个数字仅在5秒后出现，因此网络访问者什么也看不见。

我希望第一个数字从第一秒开始直接显示，然后等待5秒钟，然后获得第二个数字，然后等待第五个数字，等等第三个数字，依此类推......

<div id="my_number"></div>

setInterval(function() {
    var number = 1000 + Math.floor(Math.random() * 1000);
    $('#my_number').text(number);
  },
  5000); // every 5 seconds

如何立即显示一个数字，然后触发这个5秒的随机数循环？

由于

Answer 1

试试吧

function loadRandom() {
     var number = 1000 + Math.floor(Math.random() * 1000);
      $('#my_number').text(number);
}

loadRandom(); // for initial display

setInterval(function() {
     loadRandom(); // it excutes every 5sec
  },5000);

Answer 2

为什么不在页面加载时显示随机数？

$( document ).ready(function() {
    //set your first random number here!
});

您甚至可以更进一步，并在页面加载中设置您的间隔（根据alejandro-ba的建议）：

function someRandom() {
    var number = 1000 + Math.floor(Math.random() * 1000);
    $('#my_number').text(number);
}

$( document ).ready(function() {
    someRandom();
    setInterval(function() {
        someRandom();
    },5000);
});

显示图形然后每5秒随机更改一次（javascript）

2 个答案: