setInterval, comenzar y detenar

quiero saber algo, hay alguna forma de detenerlo, y luego que continue???

Código Javascript :

$(document).ready(function (){     
   setInterval(function(){ 
      $("#asd").stop().animate({color:'#000'},1200);  
      $("#asd").animate({color:'#00F'},1200);  
   },2400) 
});

por ejemplo al hacer click en #para que se detenga y en #continuar que siga la animación
gracias y saludos

Pues primero tienes que reformar el código que dispara el temporizador:

Código Javascript :

var trm;
$(document).ready(function (){      
   trm = setInterval(function(){  
      $("#asd").stop().animate({color:'#000'},1200);   
      $("#asd").animate({color:'#00F'},1200);   
   },2400)  
});

Luego, para parar el temporizador, ejecutas:

Código Javascript :

clearInterval(trm);

Sólo algunos cambios que considero pertinentes:

Código Javascript :

var element = $("#asd");
var fn = function(){   
     element .stop().animate({color:'#000'},1200);    
     element.animate({color:'#00F'},1200);    
};

Almacenamos las referencias al elemento, para que así no tengamos que buscarlo en el DOM cada que se ejecute el interval, y a la función así no se carga cada vez en memoria que es lo que sucede cuando pasas una función directamente como parámetro.

Código Javascript :

function initTrm( fn, time ){
     return setInterval(fn, time);
}

El juguete para iniciar el intervarl. Devolvemos la referencia del interval para posteriormente utilizarla y detenerlo.

Código Javascript :

//para iniciarlo
var trm = initTrm(fn, 2400);

//para detenerlo
clearInterval(trm);

Saludos.

Muchas gracias!! me faltaría solo una cosa mas, hay alguna forma de que inicie ni bien carga el script?? es decir que no tenga que esperar esos 2400 para arrancar
saludos

En ese caso:

Código Javascript :

//Así swe ejecuta de una vez
fn();

//y luego para iniciar el timer
var trm = initTrm(fn, 2400);