Como fazer um cronômetro com HTML, CSS e Javascript
ฝัง
- เผยแพร่เมื่อ 30 ก.ค. 2023
- Olá, pessoal!
Neste vídeo, vou te mostrar como criar um cronômetro simples com HTML, CSS e Javascript.
GitHub:
github.com/Larissakich/stopwatch
Redes sociais:
Instagram: @lariikich
LinkedIn: / larissakich - วิทยาศาสตร์และเทคโนโลยี
galera que tá quebrando a cabeça que nem eu estava, se clicarem com o botão direito na página e irem em inspecionar página e clicar em console provavelmente vai aparecer erro do getAttribute ou outro possível erro.
Ela reescreveu só não avisou, antes estava: const action = document.getAttribute('action') ;
o certo mesmo é: const action = button.getAttribute('action');
espero ter ajudado alguém porque ninguém até agora falou nada kkkk🙃
Nossa mil desculpas kkkkk eu não tinha reparado nisso, devo ter editado errado o vídeo e acabei cortando na hora que arrumei, muito obrigada por avisar ☺️😁
Lari, faz 1 semana que encontrei teu canal, ele é incrível e sem duvidas ajuda muita gente, assim como eu que comecei a 1 mês meus estudos em html e css. Então posta mais vídeos assim que além de ajudar, você irá crescer muito! Abraço!
Muito obrigada, me incentiva muito 😊
Muito show!
Muito obrigada ☺️
Show de bola!! parabéns
Muito obrigada 😊
muito bom seu vídeo, sempre aprendo funções novas
Muito obrigadaa! 😊
Meus parabéns Larissa pelos conteúdos.
Muito obrigada!! 😊
Adoro seus vídeos, aprendi Front-end por sua causa kk
Fico muito feliz em saber disso, me motiva bastante ❤
Ebah! A Lari voltou \o/ \o/ \o/
Estou um pouco sem tempo mas vou tentar postar com mais frequência😊
Obrigado pela sua ajuda, estava com dificuldades na parte js e vc ajudou bastante.
Fico feliz em ter ajudado ❤️
Oi Lari tudo bem com você, eu tenho uma dúvida. Como eu poderia pegar o valor na hora de parar o contador e assim somar com outras contagem para ter um resultado total. Valeu obrigado caso tenha tempo de responder minha dúvida.
Ola, colega Lari 🙂🙂😊😊👍👍 obrigado pela aula e desculpe meu Portugues ruim 🙂🙂🙏🙏🇻🇪🇻🇪
Oii, eu quem agradeço ❤
Lari, tudo bem, gosto muito dos seus vídeos. Uma duvida o meu cronometro (00:00:00:00) fica tremendo, vc sabe o q e como resolver? Muito obrigado
oi lari, quais extenções você usa
Oii, as que eu mais uso são: colorize, material icon theme, Omni Owl Theme e Live Server. Talvez eu tenha esquecido de alguma, mas acho que são essas
Como vc aprendeu programação vc fazer algum curso ?
Oii, sim, fiz os cursos do b7web, e alguns da alura
Você pretende trazer conteúdo de React??
Siiim, já estou planejando alguns
Ótimo projeto, obrigado por compartilhar. Poderia me tirar uma dúvida? Nesse trecho: "const formatTime = (time) =>", como é recebido o valor "time" pra começar as divisões e definir horas, minutos, segundos e centésimos? Eu realmente não entendi kkkkk 😔
A função formatTime recebe um número que representa o tempo em centésimos de segundo. Ela divide esse número para obter horas, minutos, segundos e centésimos individuais. Em seguida, formata essas partes para criar uma representação do tempo no formato "hh:mm:ss:cc", onde "hh" são horas, "mm" são minutos, "ss" são segundos e "cc" são centésimos.
Por exemplo, se o número total de centésimos for 366500, a função calculará que isso representa 1 hora (360000 centésimos), 1 minuto (6000 centésimos), 5 segundos (500 centésimos) e nenhum centésimo. Portanto, a string retornada seria "01:01:05:00".
Espero ter conseguido explicar kkk
@@larissakich aaah sim, consegui entender, obrigado 🙂
qual o nome desse tema do VS code?
Oii, é o Omni Owl
@@larissakich Muito obrigado
estou assistindo em 2024, mas o botão de marcar o tempo não está funcionando e o de resetar não faz com que o elemento de play retorne, alguém poderia me mandar o código de js completo para ver se foi eu que errei ou se o código não funciona mais
Oii, o código completo tá em um repositório na descrição, tu pode dar uma olhada lá
Mostra criando um Bot de whatsapp igual o aleatory
Oii, muito obrigada pela sujestão 😄