Odpočítavanie na webe. Script na odpočet času

Návod na pridanie odpočítavania na web v systéme Webnode

Potrebujete na webové stránky pridať HTML kód odpočítavania? Napríklad plánujete svadbu a na stránkach chcete odpočítať koľko dní ostáva do svadby? Žiadny problém.

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

<center><div style="color:red; 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, 2017 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>

// Set the date we're counting down to

var countDownDate = new Date("June 26, 2017 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>

Na 1. riadku 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.

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 návody

Ako nastaviť poštového klienta Gmail s emailom od Webnode?

Chcete prepojiť svoj e-mail u Webnode s Gmail.com a nastaviť Gmail ako poštového klienta? Príjem správ z Webnode do Gmail. V návode Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA som Vám ukázal veľmi jednoduchý spôsob ako si vytvoriť emailový...

Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook?

Chcete pochopiť správanie Vášho klienta na webe? Služba SmartLook Vám s tým určite pomôže. Čo je to "Smartlook" ? Smartlook je online aplikácia pre nahrávanie pohybu myši návštevníkov Vášho webu/eshopu, Pomôže Vám odhaliť chyby na Vašom webe. Použitie...

Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)?

Chcete na web vo Webnode pridať mapu s vlastnými bodmi? V návode Ako správne nastaviť Google Mapu vo Webnode? som Vám ukázal ako vložiť mapu z klasickej adresy v Google My maps. V tomto návode si ukážeme postup pre vytvorenie vlastnej mapy s neobmezedným počtom...

Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA

Hľadáte spôsob ako si vytvoriť emailový podpis? (Gmail, Webmail, Outlook apod) Emailový podpis je nevyhnuteľnou súčasťou modernej komunikácie medzi zákazníkom a podnikateľom. Firemný email zvýši dôveryhodnosť v očiach Vášho potencionálneho klienta. Vytvorte si preto...

Ako pridať www stránku do katalógu firiem Firmy.cz od Seznam?

Návod na registráciu do katalógu firiem Firmy.cz *Služba je zdarma. V návode Ako pridať www stránku do katalógu firiem Moja Firma od Google? sme si ukázali ako Vašu firmu zaregistrujete do svetovo najznámejšieho a najväčšieho katalógu Firiem od Google. Poďme...

Ako pridať ikony soc. sietí (FB a Instagram) do hornej časti na webe vo Webnode?

Hľadáte spôsob ako na webové stránky u Webnode vložíte ikonky soc. sietí do hornej časti webu? V návodoch Ako prepojiť web s Facebook? a Ako prepojiť www stránky so sociálnou sieťou Instagram? sme si ukázali ako Váš web môžete rôznymi spôsobmi prepojiť so soc....

O plugine
Najnovšie príspevky

Viliam

Jednatel vo Webgrow s.r.o.

Baví ma Internet a zvlášť redakčné systémy ako Webnode alebo WordPress s Divi šablónou. Vytvoril som pre Vás portál Wpromotions.eu, aby som Vám pomohol s tvorbou Vašej webovej stránky alebo e-shopu. V prípade potreby ma neváhajte kontaktovať, rád Vám poradím.

Najnovšie články od Viliam (zobraziť všetky)

Ako nastaviť poštového klienta Gmail s emailom od Webnode? - 10.2.2019
Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook? - 2.2.2019
Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? - 2.2.2019

Script na odpočet času

Návod na pridanie odpočítavania na web v systéme Webnode

Ďalšie návody

Ako nastaviť poštového klienta Gmail s emailom od Webnode?

Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook?

Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)?

Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA

Ako pridať www stránku do katalógu firiem Firmy.cz od Seznam?

Ako pridať ikony soc. sietí (FB a Instagram) do hornej časti na webe vo Webnode?

Viliam

Najnovšie články od Viliam (zobraziť všetky)

Prihláste sa k odberu noviniek zo sveta webových stránok - William promotions

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)

Odoslať komentár Zrušiť odpoveď

Vytvorte si web zdarma

Kategórie

Najnovšie články

Najnovšie komentáre

Sponzorované odkazy

Domény za výhodnú cenu:

Vytvorte si web alebo e-shop

Anketa

Návštevnosť webu

Kúpte mi kávu ☕

Pár slov od autora

Prihláste sa k odberu noviniek zo sveta webových stránok - William Promotions

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)

Script na odpočet času

Návod na pridanie odpočítavania na web v systéme Webnode

Ďalšie návody

Ako nastaviť poštového klienta Gmail s emailom od Webnode?

Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook?

Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)?

Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA

Ako pridať www stránku do katalógu firiem Firmy.cz od Seznam?

Ako pridať ikony soc. sietí (FB a Instagram) do hornej časti na webe vo Webnode?

Viliam

Najnovšie články od Viliam (zobraziť všetky)

Prihláste sa k odberu noviniek zo sveta webových stránok - William promotions

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)

Odoslať komentár Zrušiť odpoveď

Vytvorte si web zdarma

Kategórie

Najnovšie články

Najnovšie komentáre

Sponzorované odkazy

Domény za výhodnú cenu:

Vytvorte si web alebo e-shop

Anketa

Návštevnosť webu

Kúpte mi kávu ☕

Pár slov od autora

Prihláste sa k odberu noviniek zo sveta webových stránok - William Promotions

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)

Odoslať komentár Zrušiť odpoveď