“JavaScript Número de seis dígitos aleatorio con animación” Código de respuesta

JavaScript Número de seis dígitos aleatorio con animación

.output {
    margin: 20px;
    padding: 20px;
    background: gray;
    border-radius: 10px;
    font-size: 80px;
    width: 80px;
    color: white;
    float: left;
}
ASO

JavaScript Número de seis dígitos aleatorio con animación

var numbers = [12, 54, 32, 45, 21, 69, 20];
function generateNumber(index) {
  var desired = numbers[index];
  var duration = 2000;

  var output = $('#output' + index); // Start ID with letter
  var started = new Date().getTime();

  animationTimer = setInterval(function() {
    if (output.text().trim() === desired || new Date().getTime() - started > duration) {
      clearInterval(animationTimer); // Stop the loop
      output.text(desired); // Print desired number in case it stopped at a different one due to duration expiration
      generateNumber(index + 1);
    } else {
      output.text(
        '' +
        Math.floor(Math.random() * 10) +
        Math.floor(Math.random() * 10)
      );
    }
  }, 100);
}

generateNumber(0);
ASO

JavaScript Número de seis dígitos aleatorio con animación

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

<div class="output" id="output0">--</div>
<div class="output" id="output1">--</div>
<div class="output" id="output2">--</div>
ASO

Respuestas similares a “JavaScript Número de seis dígitos aleatorio con animación”

Preguntas similares a “JavaScript Número de seis dígitos aleatorio con animación”

Más respuestas relacionadas con “JavaScript Número de seis dígitos aleatorio con animación” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código