D4mations.com

Curso de Javascript #38 – Relógio digital funcional



Curso de Javascript #38 – Relógio digital funcional

Link deste vídeo: https://youtu.be/sQ87ABzT-2k
Link aula sobre a classe Date: https://youtu.be/U8F_IdTvS9s
Link aula sobre setInterval: https://youtu.be/9nt9HRdPSpo

Na aula de hoje do nosso curso de Javascript vamos criar um relógio digital que funciona de verdade e mostra a hora do seu sistema operacional, vamos utilizar a classe Date e criar um intervalo de tempo com setInterval.

A primeira observação a ser feita no curso de Javascript é que Java e Javascript não são a mesma coisa, não tem nenhuma relação entre as duas linguagens.
Javascript é classificada como uma linguagem multiplataforma, isso significa que Javascript não é exclusiva da web, um bom exemplo disso que é Javscript também é usada como linguagem em Unity3D.
Neste curso vamos aprender Javascript para web, criando scripts para incrementar as páginas web junto ao código HTML.

Seja um Colaborador Patreon do nosso canal: https://www.patreon.com/cfbcursos
Colabore com nosso canal: https://youtu.be/ErSVqAsrxBU
Site do canal: http://www.cfbcursos.com.br
Canal youtube: http://www.youtube.com/canalfessorbruno
Site: www.cfbcursos.com.br
Instagran: @cfbcursos
Twitter: @cfbcursos
Facebook: www.facebook.com/canalfessorbruno
Youtube: www.youtube.com/canalfessorbruno
HTML + HTML5: https://goo.gl/nkEFd9
CSS3: https://goo.gl/Aywzrj
Javascript: https://goo.gl/HK3ZYn
PHP + MySQL: https://goo.gl/5eFh1M

Produção Bruno P. Campos / CFB Cursos
Edição Bruno P. Campos / CFB Cursos
Licença padrão do YouTube

Original source

d4mer

, , , , , , , , , , , , ,

5 responses to “Curso de Javascript #38 – Relógio digital funcional”

  2. meu código não funfa oque fiz de errado !

    <!doctype html >
    <html lang= "pt-br">
    <head>
    <title> pomodoro clock </title>
    <meta charset="utf-8/>
    < script >
    function relogio() {
    var data = new Date();
    var hora = data.getHours();
    var minuto = data.getMinutes();
    var segundos = data.getSeconds();
    if (hora < 10) {
    hora = "0" + hora;
    }
    if (minuto < 10) {
    minuto = "0" + minuto;
    }
    if (segundos < 10) {
    segundos = "0" + segundos;
    }
    var hour = hora + ":" + minuto + ":" + segundos;
    document.getElementById("rel").value = hour;

    }
    var tempo = setInterval(relogio, 1000);
    </script>
    </head>
    <body>
    <input type ="text" id="rel"/>
    </body>
    </html>

Leave a Reply