显示数字然后每5秒随机改变一次(javascript)

Question

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

我设法用 javascriptMath random() 和 setInterval 做到了，但我遇到了一个问题：在页面加载时，第一个数字仅在 5 秒后出现，因此网络访问者什么也看不到。

我希望第一个数字从第一秒开始就直接出现，然后等待 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

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

$( 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);
});

Answer 2

试一试

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);

显示数字然后每5秒随机改变一次(javascript)

Display figure and then change it randomly every 5 seconds (javascript)

html

javascript

random

jquery