Animação só aparece em pixel especifico

Caros tenho um JS que eu executo em minha pagina, porém como o mesmo está lá embaixo, preciso que a animação só execute quando estiver visível para o usuário, alguém sabe qual função eu utilizo: Segue meu JS que conta até um certo numero especifico:

$w.onReady(function () {});

let startNum = 0;

let endNum = 356;

const duration = 4;

$w.onReady(function () {

setInterval(() => {

countUp();

}, duration);

});

function countUp() {

if (startNum <= endNum) {

$w('#texto1').text = startNum.toString();

startNum++;

}

}

$w.onReady(function () {});

let inicio = 0;

let fim = 426;

const duracao = 4;

$w.onReady(function () {

setInterval(() => {

contador();

}, duracao);

});

function contador() {

if (inicio <= fim) {

$w('#texto2').text = inicio.toString();

inicio++;

}

}

$w.onReady(function () {});

let inicial = 0;

let final = 224;

const dura = 4;

$w.onReady(function () {

setInterval(() => {

contagem();

}, dura);

});

function contagem() {

if (inicial <= final) {

$w('#texto3').text = inicial.toString();

inicial++;

}

}