Тёмный

Como fazer um cronômetro com HTML, CSS e Javascript 

Larissa Kich
Подписаться 20 тыс.
Просмотров 6 тыс.
50% 1

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

Наука

Опубликовано:

 

30 июл 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 40   
@jhonjhon9205
@jhonjhon9205 4 месяца назад
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🙃
@larissakich
@larissakich 4 месяца назад
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 ☺️😁
@user-eu4ef4ev4b
@user-eu4ef4ev4b 10 месяцев назад
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!
@larissakich
@larissakich 10 месяцев назад
Muito obrigada, me incentiva muito 😊
@GabrielandreR
@GabrielandreR 10 месяцев назад
Adoro seus vídeos, aprendi Front-end por sua causa kk
@larissakich
@larissakich 10 месяцев назад
Fico muito feliz em saber disso, me motiva bastante ❤
@BLESSED_BOY_777
@BLESSED_BOY_777 10 месяцев назад
muito bom seu vídeo, sempre aprendo funções novas
@larissakich
@larissakich 10 месяцев назад
Muito obrigadaa! 😊
@misaelsapiente4124
@misaelsapiente4124 4 месяца назад
Show de bola!! parabéns
@larissakich
@larissakich 4 месяца назад
Muito obrigada 😊
@dedivanbarbosa2386
@dedivanbarbosa2386 10 месяцев назад
Meus parabéns Larissa pelos conteúdos.
@larissakich
@larissakich 10 месяцев назад
Muito obrigada!! 😊
@giulianbastos4287
@giulianbastos4287 10 месяцев назад
Obrigado pela sua ajuda, estava com dificuldades na parte js e vc ajudou bastante.
@larissakich
@larissakich 10 месяцев назад
Fico feliz em ter ajudado ❤️
@guilhermecode2964
@guilhermecode2964 10 месяцев назад
Muito show!
@larissakich
@larissakich 10 месяцев назад
Muito obrigada ☺️
@onemidia_the
@onemidia_the 2 дня назад
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.
@thiagomacedo4191
@thiagomacedo4191 27 дней назад
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
@btruylio
@btruylio 10 месяцев назад
Ebah! A Lari voltou \o/ \o/ \o/
@larissakich
@larissakich 10 месяцев назад
Estou um pouco sem tempo mas vou tentar postar com mais frequência😊
@javiersistemas
@javiersistemas 10 месяцев назад
Ola, colega Lari 🙂🙂😊😊👍👍 obrigado pela aula e desculpe meu Portugues ruim 🙂🙂🙏🙏🇻🇪🇻🇪
@larissakich
@larissakich 10 месяцев назад
Oii, eu quem agradeço ❤
@Igor-pk3po
@Igor-pk3po 6 месяцев назад
oi lari, quais extenções você usa
@larissakich
@larissakich 6 месяцев назад
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
@ericsouzammk
@ericsouzammk 5 месяцев назад
Ó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 😔
@larissakich
@larissakich 4 месяца назад
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
@ericsouzammk
@ericsouzammk 4 месяца назад
@@larissakich aaah sim, consegui entender, obrigado 🙂
@lucasferreira5606
@lucasferreira5606 10 месяцев назад
Você pretende trazer conteúdo de React??
@larissakich
@larissakich 10 месяцев назад
Siiim, já estou planejando alguns
@samaragomes3645
@samaragomes3645 10 месяцев назад
Como vc aprendeu programação vc fazer algum curso ?
@larissakich
@larissakich 10 месяцев назад
Oii, sim, fiz os cursos do b7web, e alguns da alura
@caua1234kkk
@caua1234kkk 9 месяцев назад
qual o nome desse tema do VS code?
@larissakich
@larissakich 9 месяцев назад
Oii, é o Omni Owl
@caua1234kkk
@caua1234kkk 9 месяцев назад
@@larissakich Muito obrigado
@dvdjl3660
@dvdjl3660 Месяц назад
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
@larissakich
@larissakich Месяц назад
Oii, o código completo tá em um repositório na descrição, tu pode dar uma olhada lá
@cdnfds9567
@cdnfds9567 10 месяцев назад
Mostra criando um Bot de whatsapp igual o aleatory
@larissakich
@larissakich 10 месяцев назад
Oii, muito obrigada pela sujestão 😄
Далее
Relógio Digital DINÂMICO | HTML, CSS e JS.
14:07
Просмотров 130 тыс.
Criando um cronômetro com JavaScript
23:43
Просмотров 23 тыс.
Заметили?
00:11
Просмотров 2,9 млн
Carrossel de Natal com HTML, CSS e JavaScript (JS)
27:29
Como fazer um CONTADOR com HTML, CSS e JavaScript
14:26
Menu Responsivo | HTML, CSS e JAVASCRIPT
17:40
Просмотров 88 тыс.
3 Tips for Scaling React Apps with TailwindCSS
15:21
Просмотров 38 тыс.
КАК GOOGLE УКРАЛ ANDROID?
17:44
Просмотров 82 тыс.