“JavaScript zufällige sechsstellige Nummer mit Animation” Code-Antworten

JavaScript zufällige sechsstellige Nummer mit Animation

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

JavaScript zufällige sechsstellige Nummer mit Animation

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 zufällige sechsstellige Nummer mit Animation

<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

Ähnliche Antworten wie “JavaScript zufällige sechsstellige Nummer mit Animation”

Fragen ähnlich wie “JavaScript zufällige sechsstellige Nummer mit Animation”

Weitere verwandte Antworten zu “JavaScript zufällige sechsstellige Nummer mit Animation” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen