nouveau mot

after


svg {
   fill: #000000;  
   transition: fill 0.5s ease;
   -webkit-transition: fill 0.5s ease;
}
</style>

<svg height="400" width="400">
   <text font-family="Sans-serif" font-size="54" font-weight="bold" id="svg_2" x="41" y="220">barioléatoire</text>
</svg>

<script>
var select = function(s) {
    return document.querySelector(s);
};
var svgItem = select('svg');
var chars = '0123456789ABCDEF'.split('');

var randomColor = function () {
  var color = '#';
  for (var i = 0; i < 6; i++)
    color += chars[Math.floor(Math.random() * 16)];
  return color;
};

setInterval(function () {
  svgItem.style.fill = randomColor();
}, 500);
</script>