clearinterval no funciona en firefox

Estoy haciendo un programa que cada 10 segundos se incremente un contador. Una vez llegado a 3 se detendrá el proceso.
En Ie funciona el clearInterval, en cambio en firefox no se detiene y sigue contando.

Mi codigo es :

Código:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
var contador=0;
$(document).ready(function(){
     var tempo4=window.setInterval(function(){varName()}, 5000);
});		

function varName(){
     if(contador <= 3) {
          resize();
     } else {
		  $("#demo").html('detengo el time'+contador);
		  contador++;		  
          window.clearInterval(tempo4);
     }
};

var resize=function() {
		$.ajax({
		
		type: "GET",
		url: "some.php",
		data: "name=John&location=Boston",
	//	timeout: 1000,
	
		success: function(msg){
			//alert( "Data Saved: " + msg );
			$("#demo").html(contador);
			contador++;
			
		},
		error: function(request, errorType, errorThrown){
			$("#demo").html('error'+contador);
			contador--;
			//clearInterval(refreshIntervalId);
		}
	});
};
</script>

<?php
// http://stackoverflow.com/questions/7560121/and-yet-another-javascript-clearinterval-not-working
	// Funciona en firefox => http://www.w3schools.com/js/tryit.asp?filename=tryjs_setinterval
	echo '<div id="demo">Contador</div>';
?>
<form>
<input type="button" value="Activa timer" onClick="javascript:var tempo4 = setInterval("varName", 10000);">
<input type="button" value="Detener " onClick="javascript:window.clearInterval(tempo4);">
<button onclick="tempo4=window.clearInterval(tempo4)">Stop</button>
</form>

Gracias