显示一个随机数 25 次，延迟 320ms Js答案

【问题标题】：Display a random number 25 times with a 320ms delay Js显示一个随机数 25 次，延迟 320ms Js
【发布时间】：2017-04-03 23:04:14
【问题描述】：

我一直试图为此找到答案，但我无法真正让它发挥作用。我需要 JavaScript 代码来显示一个随机数 25 次，每个数字有 320 毫秒的延迟。（忽略除 //start roll 之外的其他内容）

    function roll() {

var win = Math.floor(Math.random() * 25) + 0
//change the button when rolling
rollButton.disabled = true;
rollButton.innerHTML = "Rolling...";
rollButton.style.backgroundColor = "grey";
rollButton.style.color = "black"
setTimeout(unDisable, 8000)
//start roll
(insert code here)


}

如果你能帮忙，谢谢

【问题讨论】：

标签： javascript html random numbers

【解决方案1】：

您可以使用 setInterval 进行一些延迟的循环，并使用 clearInterval 停止该循环！

$(function(){

t = 0;
var interval = setInterval(function(){
  var win = Math.floor(Math.random() * 25) ;
  var html = $('span').html();
  $('span').html(html + win + '<br>')
  t++;
  if(t == 25)
    stop();
}, 320);
function stop(){
  clearInterval(interval);
}

});

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

【讨论】：

【解决方案2】：

你可以做的很简单的事情就是：

function roll() {
    //change the button when rolling
    rollButton.disabled = true;
    rollButton.innerHTML = "Rolling...";
    rollButton.style.backgroundColor = "grey";
    rollButton.style.color = "black"
    setTimeout(unDisable, 8000)
    //start roll
    showNum(25)
}
const getRand = _ => Math.floor(Math.random() * 25) + 0
const showNum = n => {
  if (n-- <= 0) {return}
  document.getElementById("dispNum").innerHTML = getRand()
  setTimeout(_ => showNum(n), 320)
}

它会不断产生一个新线程来打印一个随机数，同时递减它的迭代次数，直到它达到0

【讨论】：

你能写出代码，让它打印一个随机数 0-24 到：document.getElementById("dispNum").innerHTML
不错！现在可以了！非常感谢你们，你们是生命的救星
如果有帮助，请务必点赞并标记为已接受，这样其他人也可以从答案中受益！