Odpočet času v systéme Webnode

Potrebujete na webové stránky pridať HTML kód odpočítavania času?

Plánujete svadbu, oslavu alebo otvorenie novej reštaurácie a chcete všetkých držať v napätí?

Žiadny problém.

1. Použite script na odpočet času:

xxx

<center><div style="color:black; font-size: 25px; font-weight: normal" id="dday"></div></center>
<script>
// Set the date we're counting down to
var countDownDate = new Date("June 26, 2023 11:00:00").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("dday").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("dday").innerHTML = "READY TO GO!";
}
}, 1000);
</script>

xxx

    • Na riadku č. 1 môžete upraviť veľkosť a farbu. Zväčte aktuálne číslo (font-size: 25px) alebo zmeňte farbu (color:red). *Farbu píšte anglicky
    • Na riadku č. 5 môžete upraviť dátum, kedy sa má odpočítavanie ukončiť. *Dátum píšte anglicky
    • Na riadku č. 29 môžete upraviť text, ktorý sa zobrazí po ukončení odpočítavania.

2. HTML kód počítadla upravte a vložte na Váš web pomocou funkcie „+“ a HTML.

 

3. Zmeny publikujte.

 

4. Hotovo – zmenu uvidíte v publikovanej verzii webu.

Názorná ukážka odpočtu času. 

Silvester v roku 2025 bude za:

 

102d 22h 41m 31s

TIP: Odpočet času sa skvele vyníma na svadobnom webe. Ako nato sa dočítate v našom článku Svadobný web zadarmo. 

TIP: Pridajte si web aktuálny deň a meniny pre CZ alebo SK. Viac v návode Script pre SK/CZ meniny.

TIP: Vložte si na web online chat pre rýchlejšiu komunikáciu s návštevníkmi Vášho webu. Odporúčam službu, ktorá je zadarmo – Smartsupp.

Ďalšie skvelé návody

Ako na webové stránky vložiť mapu z Mapy.cz?

Ako na webové stránky vložiť mapu z Mapy.cz?

Ako na Vaše webové stránky vložiť mapu od Mapy.cz?V návodoch Ako správne nastaviť Google Mapu vo Webnode? a Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? sme si ukázali jednoduché riešenie pre pridanie mapy na web cez služby Google. V tomto návode sa...

Pomohol ti tento návod? Pošli ho priateľom 🙂

Viliam
Follow me