Как использовать javascript эффект типа вперед и назад по одному с бесконечным setInterval

Question

Эффект типа только вперед по одному Мне нужно использовать также назад предложение по одному, пожалуйста, посмотрите мой фрагмент, а также посмотрите консоль, которую я хотел применить эффект в моем фрагменте.

    let txt = 'I am from Bangladesh';
    let countForward = 0;
    let countBackward = txt.length;
    const setUpdate =   setInterval(function(){
        if(countForward >= txt.length){
            countBackward--;
            if(countBackward <=0){
                countBackward = 0;
            } else{
                let slice = txt.slice(txt.length, countBackward);
                
            }
        } else {
            countForward++;
        }

        let slice = txt.slice(0,countForward);
        console.log(countBackward)
       

        demo.innerHTML = slice;
        let sliceback = txt.length;
        
    },100)

 <div id="demo">

также нужен бесконечный setInterval, который я пробовал, но не понимаю, как я могу это сделать.

Answer 1

Вместо двух отдельных счетчиков используйте один счетчик и логический флаг, указывающий направление.

См. Решение:

const txt = 'I am from Bangladesh';
let countingUp = true;
let count = 0;
const setUpdate = setInterval(function() {
  if (count > txt.length) {
    countingUp = false;
    count -= 2;
  } else if (count < 0) {
    countingUp = true;
    count += 2;
  }

  demo.innerHTML = txt.slice(0, count);
  count += countingUp ? 1 : -1;
}, 100)

<div id="demo">