Uma contagem regressiva simples de JavaScript

• Pode 19, 2024

Eu queria um cronômetro de contagem regressiva JavaScript simples que pudesse colocar em uma caixa de widget do Blogger ou usar em contexto em uma página da web. Inicialmente, presumi que poderia facilmente encontrar exatamente o que estava procurando com uma rápida pesquisa na web. No entanto, todos os contadores que encontrei eram muito mais complicados do que aquilo que procurava. Não queria contar até o último segundo, apenas me importava com os dias. Então, eu decidi escrever o meu.

O código a seguir está configurado para contar dias até (ou a partir de) 8 de agosto de 2008. Como 8 é um número auspicioso na cultura chinesa, este dia foi escolhido para as cerimônias de abertura dos Jogos Olímpicos de Verão de 2008 em Pequim.


var millisecs_per_day = 86400000
// definir o tempo de contagem regressiva em milissegundos
// coloca o dia desejado como argumentos em Date.UTC
// na ordem:
// ano, mês (lembre-se de janeiro é 0), dia do mês, compensado pelo GMT
// NOTA: estamos usando o deslocamento, porque isso representa meia-noite
// (início do dia) em um fuso horário específico
var countdown_time = Date.UTC (2008,7,8, -8);
// obtém a hora atual e converte para milissegundos
var now = new Date ();
var now_millisecs = now.valueOf ();

var day_cnt = Math.ceil ((countdown_time - now_millisecs) / 86400000)

// exibe o número de dias restantes (ou desde)
if (day_cnt> 1)
{
// faltam vários dias
document.write (day_cnt + "dias restantes")
}
caso contrário, se (dia_cnt == 1)
{
// Falta um dia
document.write (dia_cnt + "dia seguinte")
}
caso contrário, se (dia_cnt == 0)
{
// é hoje
document.write ("hoje")
}
caso contrário, if (day_cnt == -1)
{
// um dia atrás
document.write (day_cnt + "day ago")
}
outro
{
// vários dias atrás
document.write (day_cnt + "days ago")
}


Você pode baixar esse código ou vê-lo em ação aqui. Para usar esse código em seus próprios projetos, copie e cole-o em sua página da web (ou em uma caixa de widget HTML / JavaScript do Blogger, conforme mostrado na figura acima.) Altere a data de acordo com as instruções nos comentários - se isso for confuso , você pode encontrar meu artigo sobre Introdução às datas UTC útil.

Instruções De Vídeo: Criando contagem regressiva com JavaScript (Pode 2024).