setInterval что не так
 

Здравствуйте. Извините, может тупой вопрос - я только начинаю.

Вот так ведь должно мигать. Давно уж гуглю и комбинирую - не мигает и всё тут. Цвет сменит и всё.

<div id="dok" style="width: 100px; height: 100px; background: red; border-radius: 50px;"></div>

<script>
var timerId = setInterval(function()
	{
	document.getElementById('dok').style.background = '#333';
	}, 500);

setInterval(function() {
  clearInterval(timerId);
  document.write( 'стоп' );
}, 3000);
	</script>

На этом форуме тоже был, но пока ответа не нашёл. Вернее нашёл как остановить, а то clear шпарит так, что не остановишь.

setInterval(function(){ //запускаем функцию
  document.getElementById('dok').style.background = '#333'; //которая ставит цвет #333
}, 500); //с интервалом 0.5 с

Почему оно должно мигать, если цвет постоянно ставится один и тот же?

Важно: document.write