Do curso: Desafio de Programação: JavaScript

Acesse uma demonstração gratuita desse curso

Cadastre-se hoje mesmo e acesse mais de 24.800 cursos criados por especialistas.

Relógio digital

Relógio digital

Funções de retorno, ou callback, são passadas como argumentos para outras funções e executadas em um momento posterior. setTimeout é uma função do JavaScript que exige uma função de callback. Nós passamos uma função para o setTimeout e, após um determinado tempo, essa função é executada. Neste desafio, você vai criar um relógio digital em tempo real no corpo do documento. O arquivo HTML referente a este desafio no GitHub Codespaces contém uma div com a id relógio. Usando funções de retorno e manipulação do DOM, o modelo de objeto do documento, você deverá exibir um relógio digital que mostre horas, minutos e segundos atualizados constantemente. Pause o vídeo aqui, desenvolva sua solução e depois volte para ver como eu resolvo este desafio. Na linha 15 do arquivo HTML podemos ver que temos uma div com a id relógio. Primeiramente, vamos criar a nossa função para iniciar o relógio. É possível obter o nó do DOM correspondente ao relógio utilizando Document.QuerySelector. Para fazer o…

Conteúdos