How can I flip card from 0-9, stop on certain number with Javascript?(image)
<html>
<head>
<link rel="stylesheet" href="flip-clock.css">
</head>
<body>
<div id="flip-clock">
<div class="flip-clock-container">
<div class="flip-clock flip-clock-d">
<div class="digit digit-R" data-digit-before="R" data-digit-after="R">
<div class="card">
<div class="card-face card-face-front">R</div>
<div class="card-face card-face-back">R</div>
</div>
</div>
<div class="digit digit-M" data-digit-before="M" data-digit-after="M">
<div class="card">
<div class="card-face card-face-front">M</div>
<div class="card-face card-face-back">M</div>
</div>
</div>
<div class="digit digit-0">
<div class="card">
<div class="card-face card-face-front"></div>
<div class="card-face card-face-back"></div>
</div>
</div>
<div class="digit digit-0">
<div class="card">
<div class="card-face card-face-front"></div>
<div class="card-face card-face-back"></div>
</div>
</div>
<div class="digit digit-0">
<div class="card">
<div class="card-face card-face-front"></div>
<div class="card-face card-face-back"></div>
</div>
</div>
<div class="digit digit-0">
<div class="card">
<div class="card-face card-face-front"></div>
<div class="card-face card-face-back"></div>
</div>
</div>
</div>
</div>
</div>
<script src="flip-clock.js"></script>
</body>
</html>
How can I flip card from 0-9, stop on certain number with Javascript?(image)