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

Ako vytvoriť Google Maps API kľúč?

Ako vytvoriť Google Maps API kľúč?

od mar 1 2025

V článku Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? sme si ukázali, ako vytvoriť mapu cez Google My Maps a pridať na ňu vlastné body/špendlíky. Mapa vytvorená pomocou Google My Maps funguje samostatne a nevyžaduje Google Maps API kľúč. Ak chcete...

Webnode Recenzia

Webnode Recenzia

od jan 1 2025

Vitajte. Naša Webnode recenzia Vám ponúkne ucelený pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové služby. Výhody a nevýhody tohto online nástroja. Skúsenosti s Webnode. To všetko a ešte oveľa...

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