Как задержать событие DOMContentLoaded?

var counted = 0;
var targetCount = 10;

var timer = setInterval(function(){
    counted++;
    console.log(counted);
    if (counted >= targetCount){
        clearInterval(timer);
    }
}, 1000);

// Похоже, исполнение этого цикла блокирует изменение переменной counted
// Хотя ожидалось, что он будет исполняться параллельно с таймером,
// и когда таймер отсчитает до нужного значения - цикл остановится
/*for(var i = 0; counted < targetCount; i++){
    console.log('counted = ' + counted);
}*/