parar ação

Olá pessoal. O código abaixo, à ação é disparada assim que a página é carregada. Como para à ação quando chegar no nº 20 ?

<p id="idggg"></p>

<script>
 var maximo = 20;
var intervalo = 500;

element = document.getElementById('idggg');

var contador=1;
 setInterval(function () {
//var cont = contador++;
 element.innerHTML += contador++ + '<br>' ;
 }, intervalo);

// for($i=1; $i<=20;$i++)

// clearInterval(maximo);
// window.stop();

</script>