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:

 

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

Svadobný web zadarmo

Svadobný web zadarmo

od júl 17 2023

Čo je to svadobný web? Čo je to svadobná stránka? Prečo si svadobný web vytvoriť? Čo patrí na svadobný web? Koľko svadobný web stojí? Svadobné šablóny Ako vytvoriť svadobný web?Čo je to svadobný web? Čo je to svadobná stránka?V dnešnej digitálnej dobe sa už ani svadba...

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