Javascript-форум - один setInterval внутри другого setInterval-а

приветствую

есть две таимер, один основи, котори виполняется через кажди 3 секунд. еше есть втарои внутренни таимер, ето внутренни таимер запускается при кожди обновлении основого таимера, ето внутренни таимер вичисляет цифри от 1 до 100 очен бистро и ждёт обнавленя основого таимера, что снова вичислить от 0 до 100.
проблема в том, например я открил несколко вкладки в браузере, если я смотрю на страницу, где етот код випоняется, то всо ок, но если я переклучаю (пересматрю) другие несколкие вкладки, и потом вернус на странице где код виполняется, то уже внутренни таимер не коректно работает, то есть работает без останавлении, уже не ждёт обневланю основого таимера. почему так происходит? вот код

function dve_schetchik () {
	i = 0;
	c = 1;
	// основи таимер
	setInterval( function goo() {
		if (i > 4) {
			i = 0;
		}
		document.getElementById('id_1').innerHTML = i;
		i++;
		// внутренни таимер
		vnutrenni = setInterval( function fast() {
			if (c < 100) {
				c++;
			    document.getElementById('id_2').innerHTML = c;
			}
			else {
				clearInterval(vnutrenni);
				c = 1;
			}
		},10);
		//конец внутренни таимер
	},3000);
	//конец основи таимер
}

<body onLoad="dve_schetchik();">
<div id="id_1">0 </div>
<div id="id_2">0 </div>