Olá pessoal.
Nos últimos 2 meses eu venho estudando javascript.
Peguei uma apostila cheia de exercícios pra fazer, fiz todos e só não consegui fazer 1.
Eis o exercício:
Crie uma página html com um título de nível 1, um título de nível 5, 4 parágrafos e uma imagem alinhada à esquerda do parágrafo. Salve a página com o nome exercicio23.html.
Crie um script que consiga exibir a hora atual, toda vez que o usuário clicar na frase “Clique aqui para exibir o relógio”. O relógio precisa estar no formato HH:MM:SS. O script precisa ser feito externamente.
Alguém pode me ajudar?
Se tornou questão de honra eu saber como que se faz esse exercício, já gastei um bom tempo tentando fazê-lo.
PS: a parte html já está feita.
[quote=comphsfo]Esta dando algum erro ou ainda não conseguiu implementar?
Qual browser ta utilizando?
Vlws.
Deus abençoe![/quote]
Eu tentei fazer, fiquei muito tempo tentando, mas acabei apagando o que tinha feito.
Só deixei a parte html feita.
Estou utilizado o google chrome.
Valeu!
function relogio(){
//criamos a variavel objeto momentoAtual, que contera a data atual
var momentoAtual = new Date();
//Pegamos em variaveis separadas, hora, minuto e segundo
var hora = momentoAtual.getHours();
var minuto = momentoAtual.getMinutes();
var segundo = momentoAtual.getSeconds();
//verificamos se segundo, minuto e hora é menor que 9 se for concatenamos adicionando um zero a esquerda
if(segundo <=9 )
{
segundo = "0"+segundo;
};
if(minuto <=9 )
{
minuto = "0"+minuto;
};
if(hora <=9 )
{
hora = "0"+hora;
};
// pegamos dia, mes e ano do objeto momento atual
var dia = momentoAtual.getDate();
var mes = momentoAtual.getMonth();
var ano = momentoAtual.getFullYear();
// contatenamos a string do relogio
horaImprimivel = hora +":"+minuto+":"+segundo;
//utilizando jquery exibimos na div de id relogio o relogio
$("#relogio").html(horaImprimivel);
//logo abaixo chamamos a função a cada um 1 segundo para reatualizar o relogio
setTimeout("relogio()",1000)
}
// esta é a função jquery que chama o relogio
$(function() {
relogio();
});