• HTML
• CSS
• JS

HTML

<div class="contenedor">
    <div class="numero" id="numero">1</div>
    <input type="button" value="Click" onclick="iniciar()">
</div>

CSS

.contenedor{
    width:150px;
    margin:0px auto;
    text-align:center;
}
.contenedor .numero{
    height:200px;
    font-size:10em;
    border-radius:5px;
    color:#e74c3c;
    background:#2c3e50;
}
.contenedor input{
    margin:10px;
}

JS

var num = document.getElementById("numero");

var si1,si2;

function dado(){
    var rd = getRandomInt(1,7);
    num.innerHTML = rd;
}

function iniciar(){
    si1 = setInterval("dado()",150);
    si2 = setInterval("detener()",2000);
   
}

function detener(){
    clearInterval(si1);
    clearInterval(si2);
}

// Función disponible en la internet ---

function getRandomInt(min,max){
  return Math.floor(Math.random() * (max - min)) + min;
}