Manipular CSS com Node.js
ontem às 21:02Descrição do Projeto:
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
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 |
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
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...
