Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Código Fonte Do Timer para Pomodoro Technique

    Enviado por

    Genivan S. Souza
    219 visualizações3 páginas
    Código Fonte do Timer para Pomodoro Technique

    Título original

    Código Fonte do Timer para Pomodoro Technique

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    ODT, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Código Fonte do Timer para Pomodoro Technique

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato ODT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    219 visualizações3 páginas

    Código Fonte Do Timer para Pomodoro Technique

    Enviado por

    Genivan S. Souza
    Código Fonte do Timer para Pomodoro Technique

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato ODT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 3

    Código fonte HTML para um timer regressivo que inicia a contagem com 25 minutos, ideal para

    quem utiliza Pomodoro Technique.

    Depois de copiar o código a seguir, é necessário colá-lo em um arquivo texto e nomear o arquivo
    como timer.html, por fim, abra este arquivo com seu navegador de internet.

    Figura 1: Arquivo timer.html aberto pelo navegador Mozilla Firefox

    A seguir o código-fonte do programa:

    <html>
    <head>
    <title>25:00:0 - Timer Tomate</title>
    <style type="text/css">
    #saida {
    font:40px arial,sans-serif;
    font-weight:bold;
    color:#FF0000;
    margin-left:auto;
    margin-right:auto;
    height:50px;
    width:170px;
    background: green;
    text-align:center;
    }
    .contentor {
    margin-left:auto;
    margin-right:auto;
    height:50px;
    width:250px;
    text-align:center;
    }
    .controles_button {
    float:center;
    width:60px;
    height:30px;
    margin:5px;
    }
    </style>
    <script language="javascript">
    var minutos;
    var segundos;
    var decimos;
    var decorrido = null;
    var contando = false;

    function iniciar() {
    parar();
    preparar();
    contar();
    }

    function parar(){
    if( contando ) {
    clearTimeout( decorrido );
    contando = false;
    }
    }

    function zerar() {
    parar();
    preparar();
    }

    function preparar() {
    decimos = 0;
    segundos = 0;
    minutos = 25;
    exibir( minutos, segundos, decimos );
    }

    function exibir( minutos, segundos, decimos ) {


    var tempo = "";
    tempo += ( minutos < 10 ) ? "0" + minutos : minutos;
    tempo += ":";
    tempo += ( segundos < 10 ) ? "0" + segundos : segundos;
    tempo += ":" + decimos;
    document.getElementById( 'saida' ).innerHTML = tempo;
    document.title = tempo + ' - Timer Tomate';
    }

    function contar() {
    decimos--;
    if ( decimos < 0 ) {
    decimos = 9;
    segundos--;
    if ( segundos < 0 ) {
    segundos = 59;
    minutos--;
    if ( minutos < 0 ) {
    minutos = 59;
    }
    }
    }
    if( minutos ==59 && segundos ==59 && decimos == 9 ) {
    exibir( 0, 0, 0 );
    alert( 'Tempo Encerrado...' );
    parar();
    return false;
    } else {
    exibir( minutos, segundos, decimos );
    decorrido = setTimeout( "contar()", 100 )
    contando = true;
    return true;
    }
    }
    </script>
    </head>
    <body>
    <div id="saida">25:00:0</div>
    <form name="controles">
    <div class="contentor" >
    <input class="controles_button" type="button" name="frm_iniciar" value=" Iniciar " onClick="iniciar()">
    <input class="controles_button" type="button" name="frm_parar" value=" Parar " onClick="parar()">
    <input class="controles_button" type="button" name="frm_zerar" value=" Zerar " onClick="zerar()">
    </div>
    </form>
    </body>
    </html>

    Você também pode gostar