Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 430

Data e hora dinámica em form dúvida para mudança para DIV

31-12-2015 02:34

Tenho esse script aqui que me fornece data e hora automática em reload infinito o tempo todo só que ele é em FORM teria forma de retirar esse form e colocar um div no lugar

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE></TITLE> <meta http-equiv="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style1 { font-family: Verdana; font-size: 12px; font-weight: lighter; color: #000; border:none; background-color: #FFF; text-transform: none; font-style: normal; } --> </style> </HEAD> <BODY> <form name="y_datetime"><input name="textbox1" type=text class="style1" style="text-align=center" size=55 width=32 > </form> <script language="javascript"> ydate = new Object(); ydate.style = 4; ydate.military = 1; ydate.days1 = new Array("Domingo","Segunda-feira","Terça-feira","Quarta-feira","Quinta-feira","Sexta-feira","Sábado"); ydate.days2 = new Array("Domingo","Segunda","Terça","Quarta", "Quinta","Sexta","Sabado"); ydate.months1 = new Array("aneiro","fevereiro","março","abril","maio","junho","julho", "agosto","setembro","outubro","novembro","dezembro"); ydate.months2 = new Array("Jan","Fev","Mar","Abr","Mai","Jun", "Jul","Ago","Set","Out","Nov","Dez"); function datedisplay() { ydate.now = new Date(); ydate.year = ydate.now.getFullYear(); ydate.month = ydate.now.getMonth(); ydate.date = ydate.now.getDate(); ydate.day = ydate.now.getDay(); ydate.hour = ydate.now.getHours(); ydate.min = ydate.now.getMinutes(); ydate.sec = ydate.now.getSeconds(); ydate.ampm = ""; if (ydate.military) { if (ydate.hour < 10) { ydate.hour = "0" + ydate.hour; } } else if (ydate.hour > 11) { ydate.ampm = "Pm"; ydate.hour = ydate.hour - 12; } else { ydate.ampm = "Am"; } if (ydate.hour == 0) { ydate.hour = 24; } if (ydate.hour == 24) {ydate.hour = "00";} if (ydate.min < 10) { ydate.min = "0" + ydate.min; } if (ydate.sec < 10) { ydate.sec = "0" + ydate.sec; } if (ydate.style == 0) { ydate.txt = ydate.months2[ydate.month]+" "+ydate.date+" "+ydate.year; } else if (ydate.style == 1) { ydate.txt =":: "+ ydate.days2[ydate.day]+" "+ydate.hour+":"+ydate.min+":"+ydate.sec+" "+ydate.ampm+" ::"; } else if (ydate.style == 2) { ydate.txt =" "+ydate.date+" "+ydate.months2[ydate.month]+" "+ydate.year+" "+ydate.hour+":"+ydate.min+":"+ydate.sec+" "+ydate.ampm+" "; } else if (ydate.style == 3) { ydate.txt =":: "+ydate.days1[ydate.day]+" - "+ydate.date+" de " +ydate.months1[ydate.month]+" de "+ydate.year+" - "+ydate.hour+":"+ydate.min+":"+ydate.sec+" "+ydate.ampm+" ::"; } else if (ydate.style == 4) { ydate.txt = " "+ydate.date+"/"+(ydate.month+1)+"/"+ydate.year+" - "+ydate.hour+":"+ydate.min+":"+ydate.sec+" "+ydate.ampm+" "; } else{ ydate.txt = ydate.year+"/"+(ydate.month+1)+"/"+ydate.date+" , "+ydate.hour+":"+ydate.min+":"+ydate.sec+" "+ydate.ampm; } document.y_datetime.textbox1.value = ydate.txt; ydate.id=setTimeout("datedisplay()",1000); } datedisplay(); </script> </BODY> </HTML>

Muito obrigado aguardo respostas.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17615
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Data e hora dinámica em form dúvida para mudança para DIV

31-12-2015 15:00

Para fazer isso você precisa trocar essa linha:

document.y_datetime.textbox1.value = ydate.txt;

Por essa:

document.getElementById("tempo").innerHTML = ydate.txt;

Ai adiciona a div tempo no local do formulário:

<div id="tempo"></div>

2
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 430

Re: Data e hora dinámica em form dúvida para mudança para DIV

31-12-2015 16:54

Legal meu amigo deu certinho. irei postar a função toda quem sabe pode ajudar alguém.

Código de data e hora DINÁMICA funcionando em DIV.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Script data e hora digitais</TITLE> <meta http-equiv="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style1 { font-family: Verdana; font-size: 12px; font-weight: lighter; color: #000; border:none; background-color: #FFF; text-transform: none; font-style: normal; } --> </style> </HEAD> <BODY> <div id="tempo"></div> <script language="javascript"> ydate = new Object(); ydate.style = 4; ydate.military = 1; ydate.days1 = new Array("Domingo","Segunda-feira","Terça-feira","Quarta-feira","Quinta-feira","Sexta-feira","Sábado"); ydate.days2 = new Array("Domingo","Segunda","Terça","Quarta", "Quinta","Sexta","Sabado"); ydate.months1 = new Array("aneiro","fevereiro","março","abril","maio","junho","julho", "agosto","setembro","outubro","novembro","dezembro"); ydate.months2 = new Array("Jan","Fev","Mar","Abr","Mai","Jun", "Jul","Ago","Set","Out","Nov","Dez"); function datedisplay() { ydate.now = new Date(); ydate.year = ydate.now.getFullYear(); ydate.month = ydate.now.getMonth(); ydate.date = ydate.now.getDate(); ydate.day = ydate.now.getDay(); ydate.hour = ydate.now.getHours(); ydate.min = ydate.now.getMinutes(); ydate.sec = ydate.now.getSeconds(); ydate.ampm = ""; if (ydate.military) { if (ydate.hour < 10) { ydate.hour = "0" + ydate.hour; } } else if (ydate.hour > 11) { ydate.ampm = "Pm"; ydate.hour = ydate.hour - 12; } else { ydate.ampm = "Am"; } if (ydate.hour == 0) { ydate.hour = 24; } if (ydate.hour == 24) {ydate.hour = "00";} if (ydate.min < 10) { ydate.min = "0" + ydate.min; } if (ydate.sec < 10) { ydate.sec = "0" + ydate.sec; } if (ydate.style == 0) { ydate.txt = ydate.months2[ydate.month]+" "+ydate.date+" "+ydate.year; } else if (ydate.style == 1) { ydate.txt =":: "+ ydate.days2[ydate.day]+" "+ydate.hour+":"+ydate.min+":"+ydate.sec+" "+ydate.ampm+" ::"; } else if (ydate.style == 2) { ydate.txt =" "+ydate.date+" "+ydate.months2[ydate.month]+" "+ydate.year+" "+ydate.hour+":"+ydate.min+":"+ydate.sec+" "+ydate.ampm+" "; } else if (ydate.style == 3) { ydate.txt =":: "+ydate.days1[ydate.day]+" - "+ydate.date+" de " +ydate.months1[ydate.month]+" de "+ydate.year+" - "+ydate.hour+":"+ydate.min+":"+ydate.sec+" "+ydate.ampm+" ::"; } else if (ydate.style == 4) { ydate.txt = " "+ydate.date+"/"+(ydate.month+1)+"/"+ydate.year+" - "+ydate.hour+":"+ydate.min+":"+ydate.sec+" "+ydate.ampm+" "; } else{ ydate.txt = ydate.year+"/"+(ydate.month+1)+"/"+ydate.date+" , "+ydate.hour+":"+ydate.min+":"+ydate.sec+" "+ydate.ampm; } document.getElementById("tempo").innerHTML = ydate.txt; ydate.id=setTimeout("datedisplay()",1000); } datedisplay(); </script> </BODY> </HTML>

1

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado