Cronômetro flutuante

Uma janelinha com o tempo, sempre por cima do que você está fazendo.

O problema de um cronômetro na aba do navegador é simples: no exato momento em que você começa a trabalhar, ele desaparece atrás do editor, do PDF ou da videoaula. Saber quanto falta passa a custar um Alt+Tab — que é justamente a troca de contexto que o método tenta evitar.

Clique no botão de janela flutuante, ao lado dos controles abaixo. O cronômetro se destaca numa janelinha que fica acima de todas as outras.

25:00

Hora de focar!

Rodada 1  ·  Concluídos 0

Hoje: 0 🍅 0 min

Tarefas

    Por que isso muda mais do que parece

    Um bloco de foco só funciona se você não precisar checá-lo. Quando o tempo está visível de canto de olho, três coisas acontecem sozinhas:

    Sem instalar nada

    Quase toda solução para "timer sempre na frente" é aplicativo: você baixa um programa, dá permissão para ele ficar acima das outras janelas e passa a ter mais um ícone na bandeja. Para uma coisa que você usa vinte minutos por dia, é muito compromisso.

    Aqui a janelinha é do próprio navegador, aberta pela Document Picture-in-Picture — a mesma tecnologia que o YouTube usa para destacar um vídeo. Abre com um clique, fecha quando você fecha, e não deixa nada instalado no seu computador.

    Ela mostra o tempo, o rótulo da sessão e os botões de pausar e pular. A barra de espaço também funciona ali dentro. O que você fizer na janelinha reflete na aba, e vice-versa: é o mesmo cronômetro em dois lugares.

    Onde funciona, e onde não

    Sendo direto: Chrome e Edge, versão 116 ou mais nova. O Firefox e o Safari ainda não implementaram essa API. Nesses navegadores o botão nem aparece — preferimos não oferecer algo que não vai funcionar.

    Se você usa Firefox ou Safari e quer o cronômetro sempre à vista, há duas saídas razoáveis:

    O tempo continua certo mesmo escondido

    Vale dizer, porque é onde muitos cronômetros de navegador falham: o Pomo25 não perde tempo quando fica em segundo plano. Os navegadores reduzem a frequência dos temporizadores em abas ocultas para economizar bateria, e um contador que soma de segundo em segundo simplesmente perde segundos.

    Aqui a contagem grava o instante em que a sessão termina e calcula a diferença a cada atualização, num Web Worker. Mesmo que o navegador durma o contador, a conta continua certa quando ele acorda. Isso vale com ou sem a janela flutuante — ela é conforto, não correção.

    Quando a janelinha atrapalha

    Nem sempre ela ajuda, e vale saber:

    Perguntas frequentes

    Como deixar o cronômetro flutuando por cima das outras janelas?

    Clique no botão de janela flutuante, ao lado dos controles do cronômetro. Abre uma janelinha pequena que fica acima das outras aplicações, com o tempo, o rótulo da sessão e os botões de pausar e pular. Não é preciso instalar nada.

    Funciona em qual navegador?

    Chrome e Edge, a partir da versão 116. O recurso usa a Document Picture-in-Picture, que o Firefox e o Safari ainda não implementam. Nesses navegadores o botão simplesmente não aparece — nada quebra, e o cronômetro funciona normalmente na aba.

    A janela flutuante continua contando se eu clicar em outra coisa?

    Sim. Ela fica sempre visível e continua contando enquanto você trabalha em qualquer outro programa. A contagem é calculada por marcação de tempo real, então não atrasa mesmo com o navegador minimizado.

    Preciso instalar algum programa para ter um timer flutuante?

    Não. A maioria das soluções para isso é aplicativo de desktop ou de celular, que exige download e permissão. Aqui é uma janela do próprio navegador: abre com um clique e some quando você fecha.

    Dá para redimensionar ou mover a janelinha?

    Sim, como qualquer janela do sistema. O conteúdo se adapta ao tamanho, então dá para deixá-la bem pequena num canto da tela.

    Continue por aqui

    Se você ainda está escolhendo a duração, a página qual cronômetro usar reúne as versões por caso de uso. Quem programa costuma preferir blocos de 50/10, e quem tem déficit de atenção, blocos de 15. O guia completo cobre o método em si.