Pesquisar
Projeto exclusivo

Manipular CSS com Node.js

ontem às 21:02

Descrição do Projeto:

Eu tenho um circular progress que manipula o CSS através do JavaScript e funciona perfeitamente carregando o progresso.

Preciso que o código funcione em um projeto simples com Node.js.

O código está logo abaixo:


let dataInicio = new Date('2025-11-13 20:17:00');
let dataAlvo = new Date('2025-11-13 20:25:00'); // Define a data alvo
const circulo = document.getElementById('circle-progress');
const circunferencia = 2 * Math.PI * 30;
const tempoTotalInicial = Math.floor((dataAlvo - dataInicio) / 1000); // Calcula tempo total usando dataInicio

circulo.style.strokeDasharray = circunferencia;
circulo.style.strokeDashoffset = 0;
circulo.style.transform = 'rotate(0deg)'; // Começa do topo
circulo.style.transformOrigin = 'center';

function actualizarTemporizador() {
const agora = new Date();
let tempo = Math.floor((dataAlvo - agora) / 1000); // Diferença em segundos

if (tempo < 0) tempo = 0;

let dias = Math.floor(tempo / 86400);
let horas = Math.floor((tempo % 86400) / 3600);
let minutos = Math.floor((tempo % 3600) / 60);
let segundos = tempo % 60;

document.getElementById('valor').textContent =
minutos.toString().padStart(2, '0') + ':' +
segundos.toString().padStart(2, '0');

if (tempo > 3599) {
document.getElementById('valor').textContent = '59:59';
} else {
document.getElementById('valor').style.fontSize = '16px';
}

// Atualizar progresso circular - verde diminui conforme o tempo passa
const tempoTotal = tempoTotalInicial; // Usa o tempo inicial calculado
const progresso = tempo / tempoTotal;
const offset = circunferencia * progresso; // Verde desaparece (mostra branco por baixo)
circulo.style.strokeDashoffset = offset;

if (tempo > 0) {
} else {
circulo.style.stroke = '#f44336';
}
}

actualizarTemporizador();
let intervalo = setInterval(actualizarTemporizador, 1000);


Porém, apresenta erro.

Arquivos anexados:

Entre ou Cadastre-se para ver os arquivos anexados.

Atividades do cliente nesse projeto:

Última visualização: ontem às 21:09

Tem dúvidas? Faça uma pergunta.

ou

Enviar proposta

Informações adicionais

Categoria: Web, Mobile & Software
Subcategoria: Outra - Web, Mobile & Software
Orçamento: Aberto
Nível de experiência: Intermediário
Visibilidade: Público
Propostas: 8
Interessados: 9
Tempo restante:
Valor Mínimo: R$ 50,00
Propostas (8)
  • Freelancer novo Promovida Aceita Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

  • Freelancer novo Promovida Aceita Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

  • Freelancer novo Promovida Aceita Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

  • Freelancer novo Promovida Aceita Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

  • Freelancer novo Promovida Aceita Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

  • Freelancer novo Promovida Aceita Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

  • Freelancer novo Promovida Aceita Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

  • Freelancer novo Promovida Aceita Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

Nenhuma proposta foi encontrada.

Carregando...
Projetos semelhantes no 99Freelas

Configuração de chatbot no BotPlugin - Olá, pessoal! Tudo bem? Estou com dificuldades para configurar o chatbot do BotPlugin no meu e-commerce (Comercial Ocrica) e preciso de alguém com experiência para deixar tudo ...

Automação de matrículas com Node.js/Playwright em N8N - Estou montando um processo de automação em n8n para preencher formulários de matrícula de escolas internacionais. Já possuo um código base em Node.js usand...

Integração com Instagram utilizando Meta - Eu preciso que seja feita uma integração com o Instagram usando a Meta. Nessa integração, eu preciso poder postar reels, posts e stories. A dashboard já existe e ...

Automação de processos e atendimentos - Profissional especializado em criar automações inteligentes para WhatsApp, integrando IA, APIs e fluxos avançados que otimizam o atendimento, capturam leads e aumentam a efici&...

Automação de importação de arquivo SISPAG para Conta Azul - Preciso de um profissional que possa desenvolver uma automação para capturar os recebimentos de cartões de crédito e débito do SISPAG e exportar essas informa&cce...

Carregando...

Carregando...

Pesquisar

FREELANCERS
PROJETOS
Ocorreu um erro inesperado. Caso o erro persista, entre em contato conosco através do e-mail suporte@99freelas.com.br.