Encontre a ferramenta certa

Busque por tarefa: estudo, treino, reunião, sono ou data.

Ferramentas: 41

Visão geral

Widget de contagem regressiva

Widget de contagem regressiva: Página para compartilhar ou incorporar uma ferramenta leve do Clockfresh em outro site.

Visão geral

Widget de contagem regressiva ajuda a publicar uma versão leve do Clockfresh em outra página ou compartilhá-la com outras pessoas.

Publique e verifique a incorporação Teste a página final, não apenas o código gerado.
  1. Escolha as definições do temporizador
  2. Copie o código gerado
  3. Coloque-o na página de destino
  4. Teste tamanho, privacidade e carregamento

Quando usar

Use widget de contagem regressiva quando precisar de uma resposta clara sem distrações: abrir, ajustar se necessário e continuar a tarefa.

Sem anúncios, sem conta e rápido em qualquer dispositivo.

  • Tarefas rápidas no navegador.
  • Telas móveis ou desktop.
  • Uso sem anúncios nem cadastro.

Fluxo prático

Teste Widget de contagem regressiva primeiro em uma página de ensaio, confirme tamanho e controles e só depois publique o código.

  • Defina o resultado antes de começar.
  • Teste som, tela cheia e permissões com antecedência.
  • Mantenha uma alternativa para tarefas críticas.

O que conferir antes de confiar

Temporizadores web dependem de uma aba ou app instalado aberto. O sistema pode limitar som, notificações e atividade em segundo plano.

Personalizar o widget

Configure o widget, veja a pré-visualização e copie o código.

Aspeto

O logótipo é carregado do seu endereço HTTPS ao pré-visualizar ou usar o widget. Esse servidor recebe o pedido.

O link de transmissão contém o título e o URL do logótipo. O temporizador de duração recomeça em cada carregamento e é independente de outras janelas.

Predefinições guardadas

As predefinições ficam apenas neste navegador, com os nomes, títulos e URL do logótipo.

Código de incorporação

O atributo data-locale mantém os controles do widget em português.

<script src="https://clockfresh.com/embed/countdown.js" data-target="2027-01-01T00:00:00Z" data-locale="pt" async></script>
  1. Copie o código.
  2. Ajuste duração, data ou rótulo.
  3. Cole na página de destino.
  4. Confira tamanho, controles e carregamento.

Opções principais

  • data-target usa uma data ISO com fuso horário.
  • data-label muda o título; data-accent aceita uma cor hexadecimal; data-attribution="none" remove a atribuição.
  • data-locale="pt"

O widget não usa conta nem iframe. Inclui um pequeno link de atribuição ao Clockfresh por padrão.

Perguntas

É grátis?
Sim. O Clockfresh não exige cadastro e não mostra anúncios ao redor das ferramentas.
Fica pronto offline?
Depois da primeira visita, as rotas principais podem carregar do cache do navegador. Mantenha a página aberta para som e avisos.

Relacionado