Odpočet času v systéme Webnode
Potrebujete na webové stránky pridať HTML kód odpočítavania času?
Plánujete svadbu, oslavu alebo otvorenie novej reštaurácie a chcete všetkých držať v napätí?
Žiadny problém.
1. Použite script na odpočet času:
xxx
<center><div style="color:black; 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, 2023 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> |
xxx
-
- Na riadku č. 1 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: Odpočet času sa skvele vyníma na svadobnom webe. Ako nato sa dočítate v našom článku Svadobný web zadarmo.
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 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? ...

Ako premenovať „Košík“ v menu vo WEBNODE e-shope?
Chceli by ste premenovať košík v e-shope vo Webnode z "Košík" na napr. "Môj košík" ? S mojim jednoduchým návodom to určite zvládnete. Stačí sa prihlásiť do môjho newslettra - William promotions news - a získať predpripravený kód. V kóde jednoducho zmeníte text...

Ako na web vo WEBNODE pridať animáciu písajúcej ceruzky?
Chcete zaujať Vaše publikum? Chceli by ste si vylepšiť Váš web? Vytvoril som pre Vás kód, ktorý umožní na Vašom webe , či e-shope vo WEBNODE zobraziť animáciu písajúcej ceruzky. V kóde si môžete zvoliť vlastný text, aby ceruzka písala presne to, čo chcete! :)...

Ako pridať rozbaľovacie záložky (FAQ) na web vo WEBNODE ?
Chceli by ste si na webové stránky vo Webnode pridať FAQ ?V návode Ako zobraziť a skryť text po kliknutí na tlačítko “Viac textu” ? som Vám ukázal jednoduchý spôsob ako na webe skryť text. V tomto návode si ukážeme, ako je možné pomocou môjho kódu vytvoriť na...

Ako vytvoriť jednoduchý vizitkový web?
Ako vytvoriť jednoduchý vizitkový web? (scroll-ovací web)Čo je to vizitkový web? Vizitkový web je jednoduchý web, ktorý stručne a jasne predstavuje Vaše služby, či produkty. Je to jednoduchá webová stránka, ktorá slúži pre získanie základných informácií o Vašej firme....

Ako si vytvoriť vlastnú pätičku vo Webnode?
Chceli by ste na web/e-shop pridať vlastnú pätičku (footer) vo Webnode?Chceli by ste si na webové stránky, či e-shop vo Webnode pridať presmerovanie resp. odkaz na Vaše obchodné podmienky&GDPR do pätičky? S mojim jednoduchým návodom to určite zvládnete. Stačí sa...

Ako skryť kategóriu „všetky produkty“ vo výpise produktov v e-shope od Webnode?
Ako na webe vo Webnode skryť kategóriu "Všetky produkty" vo výpise produtkov?V návode Ako vo Webnode skryť košík v eshope? a Ako vo Webnode skryť dátum zverejňenia článku? sme si ukázali ako jednoducho je možné vo Webnode niečo "skryť". V tomto článku sa dozviete, ako...

Ako vo Webnode skryť dátum zverejňenia článku?
Ako na webe vo Webnode skryť dátum zverejnenia článku?V návode Ako vo Webnode skryť košík v eshope? sme si ukázali ako jednoducho je možné vo Webnode niečo "skryť". V tomto článku sa dozviete, ako jednoducho môžete vo Webnode, odstrániť dátum z článku vo Vašom blogu....

Ako na webové stránky vložiť mapu z Mapy.cz?
Ako na Vaše webové stránky vložiť mapu od Mapy.cz?V návodoch Ako správne nastaviť Google Mapu vo Webnode? a Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? sme si ukázali jednoduché riešenie pre pridanie mapy na web cez služby Google. V tomto návode sa...
Pomohol ti tento návod? Pošli ho priateľom 🙂
- Ako vytvoriť webové stránky pre prenájom karavanu? - 7.4.2025
- Webnode Recenzia - 1.1.2025
- Ako prepojiť www stránky so sociálnou sieťou Instagram? - 29.4.2024