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:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<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> |
- 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
Webnode Recenzia 2021 – Ako si vytvoriť web stránku jednoducho a zdarma +SEO TIPY
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 Webnode je...
6 najlepších WEBNODE šablón pre tvorbu webu v roku 2021
6 najobľúbenejších šablón pre tvorbu webu v redakčnom systéme WebnodeV našich Webnode Free Novinkách sme si už o Webnode editore povedali pár zaujímavostí. Už ste čítali článok o 5 nových funkciách NOVÉHO Prémiového balíčku Business? Vedeli ste, že redakčný systém...
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ý...
5 nových funkcií NOVÉHO Prémiového balíčku Business – WEBNODE pre e-shopy
WEBNODE RECENZIA E-SHOP BALIČKU BUSINESS VO WEBNODEČo všetko prináša nový Prémiový balíček Business pre Webnode e-shop?V novinkách Aký bol rok 2020 v spoločnosti Webnode.sk? a Webnode hlási: Počet nových e-shopov na Slovensku počas roku 2020 narástol v tisíckach sme...
Webnode hlási: Počet nových e-shopov na Slovensku počas roku 2020 narástol v tisíckach
V roku 2020 na Slovensku pribudli tisícky nových e-shopov vytvorených cez WebnodePosledný rok všetkým dokázal, že fungovanie v online svete je v dnešnej dobe už viac než nevyhnutné. Či už podnikáte lokálne, alebo na globálnom trhu, tak je nesmierne dôležité, či máte...
Aký bol rok 2020 v spoločnosti Webnode.sk?
Webnode hlási viac než 50 000 hodín odpracovaných v roku 2020V minulosti bolo k založeniu vlastnej internetovej stránky nutné ovládať aspoň základné technické znalosti či pomoc programátora. A práve tento fakt mnoho ľudí od tvorby vlastného webu odradil. ...
Ako si na web pridať špeciálnu animáciu pre porovnanie 2 fotiek (pred a po)?
Chceli ste si niekedy vylepšiť Váš web vo Webnode, aby Vám ho mohli všetci závidieť?Na mojich potulkách po Internete som objavil český nástroj Fotopredapo.cz, ktorý nám umožní jednoducho vytvoriť animáciu 2 fotiek - pred a po. Tento nástroj je vhodný napr. pre...
Pomohol ti tento návod? Pošli ho priateľom 🙂
