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 si vytvoriť web stránku jednoducho a zdarma (Webnode návod)

Chceli ste si niekedy vytvoriť vlastnú webovú stránku úplne od začiatku? Chcete si vytvoriť webstránku alebo e-shop a zviditeľniť sa na Internete? Začnite práve teraz a naučte sa ako si jednoducho vytvoríte svoj prvý vlastný web. Tvorba webu s...

Ako Nastaviť Emailový Marketing vo Webnode cez MailChimp?

Hľadáte jednoduché riešenie pre e-mailový marketing vo Webnode? Chcete na Váš web vložiť vyskakovacie okno (pop-up) pre zber e-mailov? Posielajte svojim odberateľom novinky skrz automatizovaný systém MailChimp. Je to zdarma do 2 000 odberateľov a 12 000 e-mailov...

Ako pridať remarketingový kód vo Webnode?

Ako nastaviť remarketing vo Webnode? a Kam vložiť remarketingový kód? V návode Ako pridať konverzný kód vo Webnode? som Vám ukázal jednoduchý postup pre vloženie konverzného kódu pre sledovanie konverzií. Poďme sa teraz spoločne pozrieť na ďalšiu PPC metódu...

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...

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ť Emailový Marketing vo Webnode cez MailChimp? - 21.4.2019
Ako si vytvoriť web stránku jednoducho a zdarma (Webnode návod) - 11.4.2019
Ako pridať remarketingový kód vo Webnode? - 1.3.2019

Script na odpočet času

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

Ďalšie návody

Ako si vytvoriť web stránku jednoducho a zdarma (Webnode návod)

Ako Nastaviť Emailový Marketing vo Webnode cez MailChimp?

Ako pridať remarketingový kód vo Webnode?

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)?

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ď

Odporúčam: Vytvorte si web alebo e-shop

Kategórie

Najnovšie články

Najnovšie komentáre

Domény za výhodnú cenu:

Odporúčané: 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 si vytvoriť web stránku jednoducho a zdarma (Webnode návod)

Ako Nastaviť Emailový Marketing vo Webnode cez MailChimp?

Ako pridať remarketingový kód vo Webnode?

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)?

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ď

Odporúčam: Vytvorte si web alebo e-shop

Kategórie

Najnovšie články

Najnovšie komentáre

Domény za výhodnú cenu:

Odporúčané: 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ď