6
respostas

Cronometro não reinicia, e não funcionou a parte de concluir a tarefa depois do tempo encerrado.

Olá!! Como sou nova em Programação, não consegui resolver os dois problemas:

  1. o Cronometro não reinicia para eu poder começar o tempo de uma nova tarefa. E não aparecem erros no console.

  2. Ao finalizar o tempo, a tarefa não é concluída. Não fica verde.

Eu literalmente copiei e colei o projeto INTEIRO do GitHub (CSS, HTML e JS) e também não funcionou! Não sei como funcionou para o professor durante a aula.

Help please!

6 respostas

Estou passando pelo mesmo problema, havia mantido a função que tinha o alert ao final do cronometro, e gerava o alerta sonoro, não funcionou, depois eu alterei o código para o que estava na preparação/git hub e o cronometro não diminui e nem marca a tarefa como concluída quando finaliza, sem gerar erros no console também.

const contagemRegressiva = () => {
    if (tempoDecorridoEmSegundos <= 0) {
        zerar()
        const focoAtivo = html.getAttribute('data-contexto') === 'foco'
        if (focoAtivo) {            
            var event = new CustomEvent("TarefaFinalizada", {
                detail: {
                    message: "A tarefa foi concluída com sucesso!",
                    time: new Date(),
                },
                bubbles: true,
                cancelable: true
            });
            document.dispatchEvent(event);
            tempoDecorridoEmSegundos = 5
            mostrarTempo()
        }

        return
    }
    tempoDecorridoEmSegundos -= 1
}

Olá Walkyria Tonolli, se o seu problema for igual ao do Denis Damaceno é pq está faltando chamar a função mostrarTempo(), logo abaixo do tempoDecorridoEmSegundos -= 1.

Olá, não, meu problema é outro, o cronometro é mostrado e conta de forma regressiva uma única vez, chega ao final da contagem e não reinicia para nova contagem além de não marcar a tarefa como concluída, e também no armazenamento local a tarefa ainda fica como false.

Como falei, não funciona nem os arquivos originais da aula no GitHub. Copiei e colei e não acontece o mesmo que para o professor no vídeo.

estou com o mesmo problema !

Também estou com o mesmo problema.

Pessoas que estavam em duvida tem alterar no script.js a parte de contagemRegressiva onde não foi falado no curso, pois no gitHub esta diferente do que esta na aula.

Esse é o que esta no github

const contagemRegressiva = () => {
    if (tempoDecorridoEmSegundos <= 0) {
        zerar()
        const focoAtivo = html.getAttribute('data-contexto') === 'foco'
        if (focoAtivo) {            
            var event = new CustomEvent("TarefaFinalizada", {
                detail: {
                    message: "A tarefa foi concluída com sucesso!",
                    time: new Date(),
                },
                bubbles: true,
                cancelable: true
            });
            document.dispatchEvent(event);
            tempoDecorridoEmSegundos = 5
            mostrarTempo()
        }

        return
    }
    tempoDecorridoEmSegundos -= 1
    mostrarTempo()
}

E na nossa aula estava assim a parte de contagem Regressiva.

const contagemRegressiva = () => {
    if(tempoDecorridoEmSegundos <= 0) {
        audioTempoFinalizado.play();
        alert('Tempo finalizado');
        zerar();
        return;
    }
    tempoDecorridoEmSegundos -= 1;
    mostrarTempo();
}