:: Tutorial de E-mails ::

Contagem Regressiva até o Natal

Se você quiser que em sua mensagem, apareça quantos dias, horas, minutos e segundos faltam até o Natal, como neste exemplo, pode utilizar o seguinte código, colocando-o depois da tag <Body>:

---------------------------------------------------------------------------------------------------------------------------------------------------------------

<!----
function tick() {
var hours, minutes, seconds, month, date;
var intHours, intMinutes, intSeconds;
var x = 10;
today = new Date();
intDate = today.getDate();
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
intMonth = today.getMonth()+1 ;

if (intMonth == 10) {
month = "Faltam apenas "
date = (85 - intDate)
}
if (intMonth == 11){
month = "Faltam apenas "
date= (55 - intDate)
}
if (intMonth == 12){
month = "Faltam apenas "
date = (25 - intDate)
}
if (date == 1 ){
date = ("0"+date+" Dias, ")
}
if (date != 1 && date < 10 && date >=0){
date = ("0"+date+" Dias, ")
}
if (date > 9){
date = (date+" Dias, ")
}

if (x = 10) {
hours = intHours
hours = (23 - hours)
}
if (hours ==1 ){
hours = ("0"+hours+" Horas  ")
}
if (hours != 1 && hours < 10){
hours = ("0"+hours+" Horas, ")
}
if (hours > 9){
hours = (hours+" Horas, ")
}

if (x = 10) {
minutes = intMinutes
minutes = (59 - minutes)
}
if (minutes == 1){
minutes = ("0"+minutes+" Minutos  ")
}
if (minutes != 1 && minutes < 10){
minutes = ("0"+minutes+" Minutos e ")
}
if (minutes > 9){
minutes = (minutes+" Minutos e ")
}

if (x = 10) {
seconds = intSeconds;
seconds = (59 - seconds)
}
if (seconds == 1){
seconds = ("0"+seconds+" Segundos "+" Para o Natal!")
}

if (seconds != 1 && seconds < 10){
seconds = ("0"+seconds+" Segundos para o Natal!")
}
if (seconds > 9){
seconds = (seconds+" Segundos para o Natal!")
}
if (date < 0){
month = "Feliz "
date = " Natal "
hours = " Feliz "
minutes = " Ano "
seconds = " Novo "
}

timeString = month+date+hours+minutes+seconds;

Clock.innerHTML = timeString;

window.setTimeout("tick();", 100);
}

window.onload = tick;
------>

</SCRIPT>

---------------------------------------------------------------------------------------------------------------------------------------------------------------

Obs.: Você pode alterar o tamanho da fonte (está em vermelho), a cor (em azul) e o tipo de fonte (em verde)

---------------------------------------------------------------------------------------------------------------------------------------------------------------

Se preferir o código completo, pode utilizar este aqui:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV id=Clock style="FONT-SIZE: 20px; COLOR: #000000; FONT-FAMILY: Arial"
align=center></DIV>
<SCRIPT>

timeString = month+date+hours+minutes+seconds;

Clock.innerHTML = timeString;

window.setTimeout("tick();", 100);
}

window.onload = tick;
------>

</SCRIPT>
</BODY></HTML>

---------------------------------------------------------------------------------------------------------------------------------------------------------------

(Dica adaptada por Lilian Russo)


	.