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.

Názorná ukážka odpočtu času.
Silvester v roku 2025 bude za:

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 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 si na web vo Webnode pridať online rezervačný systém? Zdarma!

Potrebujete na Vaše webové stránky napr. vo Webnode vložiť online rezervačný systém pre správu rezervácií? Nech už robíte čokoľvek, Reservio je skvelou voľbou pre organizáciu Vášho času! 🙂 A čo všetko Vám online rezervačný systém od Reservio ponúka? prehľadný...

Chránené heslom: RECENZIA: MioWeb.cz vs Webnode.sk

Chránené heslom

Pre prezeranie tohto príspevku musíte zadať heslo:

Ako pridať vyhľadávač produktov vo Webnode e-shope?

Chceli by ste vyhľadávač produktov na Vašom e-shope od WEBNODE?Hľadáte jednoduché a štýlové vyhľadávacie políčko, ktoré si vložíte na Váš web, či e-shop vo Webnode?VIDEONÁVOD:V návode Ako na web pridať vlastné vyhľadávacie pole? Google Custom Search sme si ukázali...

VIDEONÁVOD: Ako vo WEBNODE vložiť súbor na stiahnutie skrz tlačítko, text alebo obrázok

3 jednoduché možnosti ako vo WEBNODE vložiť na web vlastný súbor (.pdf, .mp3, .mp4 apod). V tomto videonávode si ukážeme ako si jednoduchým spôsobom vložíte na webové stránky vo Webnode súbor. V editačnom systéme Webnode môžete nahrať rôzne typy súborov ako napr. PDF,...

Ako presmerovať tlačítko “Pokračovať v nákupe” na konkrétnu URL adresu vo Webnode e-shope?

Chceli by ste si vo Vašom e-shope vo Webnode nastaviť konkrétnu URL adresu na tlačítko "Pokračovať v nákupe" v košíku?V e-shope Webnode je tlačítko "Pokračovať v nákupe" v košíku preddefinované, aby návštevníka Vášho e-shopu presmerovalo na posledne navštívenú stránku...

Ako vložiť Facebook Pixel kód na web vo WEBNODE?

Chceli by ste si prepojiť Váš web vo Webnode s Facebook? V návode Ako pridať remarketingový kód vo Webnode? som Vám priblížil čo ten remarketing vlastne je. Poďme sa teraz spoločne pozrieť na FB reklamu a Vaše ďalšie možnosti :)Čo je to ten Facebook Pixel? ...

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

Vytvorte si vlastný web alebo e-shop

O plugine
Najnovšie príspevky

Follow me

Viliam

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

Follow me

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

Ako si na web vo Webnode pridať online rezervačný systém? Zdarma! - 29.11.2020
Chránené heslom: RECENZIA: MioWeb.cz vs Webnode.sk - 21.11.2020
Ako pridať vyhľadávač produktov vo Webnode e-shope? - 11.11.2020

Script na odpočet času

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

Ďalšie skvelé návody

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

Ako si na web vo Webnode pridať online rezervačný systém? Zdarma!

Chránené heslom: RECENZIA: MioWeb.cz vs Webnode.sk

Chránené heslom

Ako pridať vyhľadávač produktov vo Webnode e-shope?

VIDEONÁVOD: Ako vo WEBNODE vložiť súbor na stiahnutie skrz tlačítko, text alebo obrázok

Ako presmerovať tlačítko “Pokračovať v nákupe” na konkrétnu URL adresu vo Webnode e-shope?

Ako vložiť Facebook Pixel kód na web vo WEBNODE?

Odoslať komentár Zrušiť odpoveď

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

Kategórie

Najnovšie články

Odporúčané: Vytvorte si web alebo e-shop

Kúpte mi kávu ☕