meu codico atualizado e bunitão com direito a butão de atualizar
<!DOCTYPE html> <html> <head> <title>javascript</title> <meta charset="utf-8"> <script type="text/javascript"> function relogio() { var data = new Date(); var horas = data.getHours(); var minutos = data.getMinutes(); var segundos = data.getSeconds();
if (horas < 10) { horas = "0"+horas; } if (minutos < 10) { segundos = "0"+minutos; } if (segundos < 10) { segundos = "0"+segundos; }
35 responses to “Criando um relógio com JAVASCRIPT”
Me parece muito interessante, vamos ver. :v :v :V
é possível colocar 02 relógios com horários diferentes em uma pagina?
gostaria de saber como criar um slide no notepad++
Como eu faço para o relógio ficar em modo regressivo? Tipo determinar um início e ele ir diminuindo até zerar? Obrigado.
Oque que estre as aspas na linha 20 documents?
SHOWWWW DE BOLA !!!!!!
meu codico atualizado e bunitão com direito a butão de atualizar
<!DOCTYPE html>
<html>
<head>
<title>javascript</title>
<meta charset="utf-8">
<script type="text/javascript">
function relogio() {
var data = new Date();
var horas = data.getHours();
var minutos = data.getMinutes();
var segundos = data.getSeconds();
if (horas < 10) {
horas = "0"+horas;
}
if (minutos < 10) {
segundos = "0"+minutos;
}
if (segundos < 10) {
segundos = "0"+segundos;
}
document.getElementById("relogio").innerHTML=horas+":"+minutos+":"+segundos;
}
window.setInterval("relogio()",1000);
</script>
<style type="text/css">
#relogio {
font:bold 28pt arial;
display: block;
margin: 100px auto;
padding: 30px;
background-color: #FFFF00;
width: 150px;
border-radius: 6px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}
a {
text-decoration: none;
color: #fff;
font-family: arial;
border-radius: 3px;
display: block;
width: 60px;
margin: -80px auto;
box-shadow: 0px 0px 3px rgba(0,0,0, .3);
padding: 5px 10px 5px 10px;
background-color: #EEEE00;
}
a:hover {
text-decoration: none;
color: #fff;
font-family: arial;
border-radius: 3px;
display: block;
width: 60px;
margin: -80px auto;
box-shadow: 0px 0px 3px rgba(0,0,0, .3);
padding: 5px 10px 5px 10px;
background-color: #CDCD00;
}
</style>
</head>
<body onload="relogio();">
<div id="relogio">
</div>
<a href="file:///C:/Users/jocelino/Documents/javascript/relogio_js_css_html.html">atualizar</a>
</body>
</html>
Gostei muito da sua explicação.
Meu 'segundos' nao contatena
Muito bom!! + um inscrito, para quem não tem o programa tá ai o link para download :
https://notepad-plus-plus.org/download/v6.9.2.html
como crio um relogio parar rodar por exemplo em um momento de uma compra e parar o relogio no memoento que ela for paga ?
nau funfo 🙁
Gostei do canal… E me inscrevi para acompanhar cada vídeo novo.
Nossa, parabéns, é bem simples de fazer.
muito bom, mano você explica muito bem 😀
Excelente aula!
gostei muito da sua explicação
Vlw Ivan!
Obrigado pela dica!
Muito boa a aula, só falta aumentar a letra!!!!
me salvou em ganhou um conscrito
Muito bom cara direto e pratico sem enrolação gostei da aula sucesso ai mano!!
Eu não conseguir
Muito boa a ideia!
Acho legal pensar em integrar isso com PHP!
Oi,boa noite como eu faço para meu relógio dispara um alerta quando uma tarefa já estivar agendada em javascript?
sim
Amigo faça o mesmo procedimento!
vlw amigo, fiquei feliz, clicou no joinha?
vlw amigo, clicou no joinha?
Vlw kra, tbm fico triste quando vejo os likes, mas fazer o que! o jeito é pedir likes nos comentários! deu joinha né?
Amigo cheque se há algum erro no seu console, apertando f12 no Chrome ou usando o Firebug no Firefox , clicou no joinha?
A ideia é boa talvez seja difícil de executá-la! , clicou no joinha?
Vlw amigo! , clicou no joinha?
Vlw amigo, clicou no joinha?
Ganho +1 Escrito