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...
Ako na web vo Webnode pridať ikonky soc. sietí do DOLNEJ časti webu?
Chceli by ste si pridať ikonky soc. sietí napr. Facebook, Instagram do DOLNEJ časti Vášho WEBNODE webu?O prepojení Vášho WEBNODE webu so soc. sieťami som už napísal pár návodov: Ako prepojiť Facebook s webom? Ako prepojiť www stránky so sociálnou sieťou...
Ako na web vo Webnode pridať užívateľské recenzie z Firmy.cz?
Recenzie na web z katalógu firiem Firmy.cz Hľadáte widget užívateľské recenzie na web?V návode Ako pridať www stránku do katalógu firiem Firmy.cz od Seznam? som Vás naučil ako si Vašu firmu zaregistrujete do najznámejšieho českého katalógu firiem - Firmy.cz...
Ako na web vo Webnode pridať animáciu padajúceho snehu? Padajúci sneh html kód
Chceli by ste vylepšiť Váš web vo Webnode animáciou padajúceho snehu? Žiadny problém! V tomto návode si ukážeme, ako na Váš web pridáte padajúci online sneh. Jednoducho a zdarma. Čítajte ďalej! #Poďme nato! 1. Prihláste sa do editácie webu vo Webnode, a vložte nižšie...
Recenzia Mioweb 2021 | Názory, postrehy a skúsenosti
Recenzia MioWeb - ObsahV recenzii Webnode sme si ukázali podľa môjho názoru najlepší nástroj pre tvorbu prezentačného webu, či jednoduchého e-shopu (v pomere cena vs kvalita / jednoduchosť). Jedného dňa pravdepodobne zistíte, že "mať web" nestačí....
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ý...
Pomohol ti tento návod? Pošli ho priateľom 🙂