Een eenvoudige JavaScript-aftelling

• Mei 18, 2024

Ik wilde een eenvoudige JavaScript-afteltimer die ik in een Blogger-widgetvak kon plaatsen of in een context op een webpagina kon gebruiken. Aanvankelijk ging ik ervan uit dat ik gemakkelijk kon vinden wat ik zocht met een snelle zoekopdracht op internet. Alle tellers die ik vond, waren echter veel gecompliceerder dan waar ik naar zocht. Ik wilde niet aftellen tot de laatste seconde, ik gaf gewoon om dagen. Dus besloot ik mijn eigen te schrijven.

De volgende code is geconfigureerd om dagen te tellen tot (of vanaf) 8 augustus 2008. Omdat 8 een gunstig aantal is in de Chinese cultuur, werd deze dag gekozen voor de openingsceremonie van de Olympische Zomerspelen 2008 in Beijing.


var millisecs_per_day = 86400000
// stel de afteltijd in milliseconden in
// zet de gewenste dag als argumenten voor Date.UTC
// in de volgorde:
// jaar, maand (onthoud dat januari 0 is), dag van de maand, verrekend met GMT
// OPMERKING: we gebruiken de offset omdat dit middernacht vertegenwoordigt
// (begin van de dag) in een specifieke tijdzone
var countdown_time = Date.UTC (2008,7,8, -8);
// haal de huidige tijd op en converteer naar milliseconden
var now = new Date ();
var now_millisecs = now.valueOf ();

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

// toon het aantal resterende dagen (of sinds)
if (day_cnt> 1)
{
// meerdere dagen te gaan
document.write (day_cnt + "days to go")
}
anders if (day_cnt == 1)
{
// nog een dag te gaan
document.write (day_cnt + "day to go")
}
anders if (day_cnt == 0)
{
// het is vandaag
document.write ("vandaag")
}
anders if (day_cnt == -1)
{
// een dag geleden
document.write (day_cnt + "day ago")
}
anders
{
// meerdere dagen geleden
document.write (day_cnt + "dagen geleden")
}


Je kunt deze code downloaden of hier in actie zien. Als u deze code in uw eigen projecten wilt gebruiken, kopieert en plakt u deze in uw webpagina (of een Blogger HTML / JavaScript-widgetvak, zoals weergegeven in de bovenstaande afbeelding.) Wijzig de datum volgens de instructies in de opmerkingen - als dit verwarrend is , vind je mijn artikel over Inleiding tot UTC-datums misschien nuttig.

Video-Instructies: How to redirect one page to another page using JavaScript (Mei 2024).