Script na odpočet času

od sep 4 2018 Scripty Všetky návody 0 komentárov

HTML kód (script)

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>
view raw script-na-odpocet-cas.js hosted with ❤ by GitHub

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:

 

99d 0h 11m 30s

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

On-page SEO nastavenia

On-page SEO nastavenia

od jún 4 2023

On-page SEO nastaveniaPár slov na začiatokNa tému SEO optimalizácie sme písali aj v článkoch Ako pridať stránku do vyhľadávača Google? a Ako pridať www stránku do katalógu firiem Moja Firma od Google?Vitajte v desiatej, predposlednej, časti nášho seriálu Tvorba...

Ako pridať článok na web?

Ako pridať článok na web?

od máj 23 2023

Ako pridať článok na web?Pár slov na začiatokVitajte vo ôsmej časti nášho seriálu Tvorba webových stránok - kompletný návod. V tejto časti sa zameriame na články. Pridať nový článok, premenovať existujúci článok, pridať k článku kategóriu či vložiť na webové stránky...

Ako pridať sekciu na web?

Ako pridať sekciu na web?

od máj 6 2023

Ako pridať sekciu na web?Pár slov na začiatokVitajte v ďalšej, šiestej časti nášho seriálu Tvorba webových stránok - kompletný návod. Táto časť je zameraná na prácu so sekciami, tzv. funkciami. Ako pridať sekciu? Ako zmeniť pozadie? Prejdeme si spolu všetky funkcie,...

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

Vytvorte si vlastný web alebo e-shop
Viliam
Follow me
Najnovšie články od Viliam (zobraziť všetky)
0 0 votes
Article Rating
Subscribe
Notify of
guest


0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments