Exibir banner de imediato quando página for carregada

Olá pessoal. O banner está funcionando, mas tem um intervalo de 10 segundos para aparecer quando a página é atualizada.  isso não é bom !  Quero tirar os 10 segundos de espera quando a página é atualizada, mas quero que o banner continue rotacionando de 10 em 10 segnudos

<style>
.divTotoPai {
	width:100%;
	border: 4px solid red;
}

.divToto {text-align: center;} .imgToto {width:240px; height:240px; } .imgToto:not([active=true]) {display:none; }

</style>

<div class="divTotoPai">

<div class="divToto">
<a href="link1.php" target="_blank"><img src="banner1.png" class="imgToto" /></a>
<a href="link2.php" target="_blank"><img src="banner2.png" class="imgToto" /></a>
<a href="link3.php" target="_blank"><img src="banner3.png" class="imgToto" /></a>
<a href="link4.php" target="_blank"><img src="banner4.png" class="imgToto" /></a>
<a href="link4.php" target="_blank"><img src="banner5.png" class="imgToto" /></a>
</div>

</div>
<script>
 function funcToto(containerId, intervalTime) {
 let elementSlider = document.querySelector(containerId);
 let intervalRef = setInterval(() => setActiveSlide(containerId), intervalTime);

 enableSlideMouseEvents(containerId, elementSlider, intervalRef, intervalTime);
}

function setActiveSlide(container) {
 let images = document.querySelectorAll(`${container} img`);

 let removeActiveAttribute = () => {
 images.forEach(image => image.removeAttribute("active"));
 };

 let toggleSlide = (indexImageToActive) => {
 removeActiveAttribute();
 images[indexImageToActive].setAttribute("active", true);
 };

 let indexActive = Math.floor(Math.random() * images.length);

 toggleSlide(indexActive);
}

funcToto(".divTotoPai", 10000);
</script>