“JavaScript Nomor enam digit acak dengan animasi” Kode Jawaban

JavaScript Nomor enam digit acak dengan animasi

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

JavaScript Nomor enam digit acak dengan animasi

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 Nomor enam digit acak dengan animasi

<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

Jawaban yang mirip dengan “JavaScript Nomor enam digit acak dengan animasi”

Pertanyaan yang mirip dengan “JavaScript Nomor enam digit acak dengan animasi”

Lebih banyak jawaban terkait untuk “JavaScript Nomor enam digit acak dengan animasi” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya