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 2022 – 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...
Ako na web vo Webnode pridať playlist/album zo Spotify?
V návode "3 jednoduché spôsoby ako na web vložiť online MP3 prehrávač" sme si ukázali jednoduchý spôsob ako vložiť na web prehrávač hudby. Poďme sa teraz spoločne pozrieť na Vaše ďalšie možnosti.Máte radi Spotify?Vložte si Spotify playlist / album jednoducho na svoj...
Ako si na web vo Webnode pridať hornú lištu s kontaktnými informáciami a ikonami soc. sietí?
Pridajte si na web hornú lištu s kontaktnými informáciami, ikonkami soc. sietí, prepínačom mien (v e-shope) alebo prepínač jazykov (vlajky).V novinkách 5 nových funkcií NOVÉHO Prémiového balíčku Business a 6 najlepších WEBNODE šablón pre tvorbu webu sme si o našom...
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...
Pomohol ti tento návod? Pošli ho priateľom 🙂