mixnet,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#c1{
height: 50px;
background-color: #FFFF33;
display: inline-block;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/color/jquery.color.plus-names-2.1.2.js"></script>
<script>
$(function(){
var arr = ['#008000','#0000FF','#FF0000'],block = $('#c1');
(function animate() {
if(!arr.length) return;
block.animate({backgroundColor: arr.shift()}, 9000, animate);
})();
});
</script>
</head>
<body>
<span id="c1" >Информация</span>
</body>
</html>