ARCHIV
PerlPHPGimpZačínáme s wi-fi64bit LinuxProgramování C/C++Linux v příkazechHTMLPostgreSQLOkenní managery
Software (10844)
Distribuce (131)
Skripty (697)
Menu
Diskuze
Informace
JavaScript -- 8 -- Pár praktických skriptov
Chcete oživiť svoje stránky jednoduchými a efektnými skriptmi? Jednoduchý návod ako zobraziť čas v stavovom riadku alebo v titulku prehliadača..
26.8.2004 10:00 |
Rišo Marko
| Články autora
| přečteno 25885×
Trocha teórie :)
Stavový riadok prehliadača
Je to prvok (objekt), ktorý je podradený objektu window. O objektoch bude reč v ďalších dieloch seriálu preto je teraz potrebné vedieť, že do stavového riadku je možné zapisovať dvomi spôsobmi:
window.Status = 'Vitajte na Linuxsoft.cz'
window.defaultStatus = 'Welcome on Linuxsoft.cz'
Ako môžte vidieť je to veľmi jednoduché a takétok objekty sa správajú ako premenné - čiže jednoduchým priradením (=) do nich môžete zapisovať (podobne aj čítať ako z premennej). Rozdiel medzi týmito dvom metódami by mal spočívať v tom, že pokiaľ nastavujete defaultStatus text touto metódou nastavený by sa mal znovu nastaviť späť i pokiaľ prejdete cez odkaz. Zaujímavé je, to isté dosiahnete aj pomocou jednoduchého zápisu status.
Titulok stránky
Ten istý titulok, ktorý nastavujeme pomocou tagov <title></title> v hlavičke stránky. Zapisuje sa doňho podobne ako pri statusbare ale existuje len jeden spôsob zápisu s tým rozdielom, objetk title je podradený objektum document.
document.title = 'Linuxsoft.cz best for Linux'
Pri tomto zápise treba dať pozor lebo vám nebude fungovať pokiaľ nebude mať "fyzicky" zapísaný titulok v hlavičke!!
Čas a dátum
Práca s časom a dátum nieje v ničom veľmi zložitá - základom je objekt Date:
var datum = new Date();
V tomto zapíse bol uložený do premennej datum. Teraz obsahuje niečo ako Fri, 20 Aug 2004 8:10:21 GMT+0200 čo nám toho veľa nepovie preto existujú funkcie na prácu s dátumom.
| Metóda | Význam |
| getDate() | Vracia ďeň v mesiaci (1-31). |
| getDay() | Vracia ďeň v týždni (0-6, kde 0=neďeľa). |
| getMonth() | Vracia mesiac (0-11). |
| getYear() | Vracia rok |
| getFullYear() | Vracia rok v kompletnej štvormiestnej podobe. |
| getHours() | Vracia hodiny (0-23). |
| getMinutes() | Vracia minúty (0-59). |
| getSeconds() | Vracia sekundy (0-59). |
| getTime() | Vracia počet sekúnd, ktoré ubehly od Unixovej epochy. |
Pomocou týchto funkcií si vytvoríme vlastnú funkciu, ktorá nám vráti čas v pre nás vhodnom formáte.
function cas() {
var datum = new Date();
sec = datum.getSeconds();
// prostredníctvom dátumu uložíme do premennej sekundy
hr = datum.getHours();
// hodiny
min = datum.getMinutes();
// a minúty
return hr+':'+min+':'+sec;
}
No takáto funkcia sa nestará o to ako vyzerá ten čas, ktorý vráti a preto ten treba upraviť do čitateľnej podoby tým, že pred čísla pridáme nuly.
function cas() {
var datum = new Date();
sec = datum.getSeconds();
// prostredníctvom dátumu uložíme do premennej sekundy
hr = datum.getHours();
// hodiny
min = datum.getMinutes();
// a minúty
if (min <= "9")
{min = "0"+min;}
// pokiaľ je hodnota minút jednociferné číslo, pridáme pred ňu nulu
if (sec <= "9")
{sec = "0"+sec;}
// to isté platí i pre sekundy
if (hr <= "9")
{hr = "0"+hr;}
// a tiež pre hodiny
return hr+':'+min+':'+sec;
}
Takto upravená funkcia vracia prekne upravený dátum pripravený na použite.
Finálny skript
Teraz už iba stačí všetky tieto prvky pospájať dokopy a máme efektný skript pre naše stránky.
<script type
=
"text/javascript">
function cas() {
var datum = new Date();
sec = datum.getSeconds();
// prostredníctvom dátumu uložíme do premennej sekundy
hr = datum.getHours();
// hodiny
min = datum.getMinutes();
// a minúty
if (min <= "9")
{min = "0"+min;}
// pokiaľ je hodnota minút jednociferné číslo, pridáme pred ňu nulu
if (sec <= "9")
{sec = "0"+sec;}
// to isté platí i pre sekundy
if (hr <= "9")
{hr = "0"+hr;}
// a tiež pre hodiny
return hr+':'+min+':'+sec;
}
function vypis() {
document.title = 'Linuxsoft.cz best for Linux ::::: Teraz je '+cas();
window.status = 'Vitajte na Linuxsoft.cz ::::: '+cas();
}
vypis();
</script>
No takýto skript predsa len stále nieje dokonalý i keď funguje bezchybne ale čas stojí. Proste sa nehýbe.. A takýto čas veľmi efektný nieje. Preto je potrebné vytvoriť time delay alebo časový interval, ktorý bude funkciu volať opakovane v určitom intervale. Docielime to iba jednoduchou úpravou skriptu.
<script type
=
"text/javascript">
function cas() {
var datum = new Date();
sec = datum.getSeconds();
// prostredníctvom dátumu uložíme do premennej sekundy
hr = datum.getHours();
// hodiny
min = datum.getMinutes();
// a minúty
if (min <= "9")
{min = "0"+min;}
// pokiaľ je hodnota minút jednociferné číslo, pridáme pred ňu nulu
if (sec <= "9")
{sec = "0"+sec;}
// to isté platí i pre sekundy
if (hr <= "9")
{hr = "0"+hr;}
// a tiež pre hodiny
return hr+':'+min+':'+sec;
}
function vypis() {
document.title = 'Linuxsoft.cz best for Linux ::::: Teraz je '+cas();
window.status = 'Vitajte na Linuxsoft.cz ::::: '+cas();
var timeout = setTimeout("vypis()", 1000);
// zariadime opätovné volánie funkcie každú sekundu
}
vypis();
</script>
To bolo pre tento diel všetko. Enjoy!
Předchozí Celou kategorii (seriál) Další
JavaScript -- 2 -- Verzie
JavaScript -- 3 -- Syntax(1)
JavaScript -- 4 -- Syntax(2)
JavaScript -- 5 -- Podmienky -- IF
JavaScript -- 6 -- Switch
JavaScript -- 7 -- Cykly
JavaScript -- 9 -- Objekty JavaScriptu
JavaScript -- 10 -- Polia
JavaScript -- 11 -- DOM
JavaScript -- 12 -- Objekt Window (1/2)
JavaScript -- 13 -- Objekt Window (2/2)
Jak na JAK
JAK na třídy
JAK - III - Vlastní gui na webových stránkách
JAK na vlastní checkbox
JAK na animované menu
JAK na vlastní scrollbar/scrollbox
JAK na komplexní ovládací prvky
Předchozí Celou kategorii (seriál) Další
|
Příspívat do diskuze mohou pouze registrovaní uživatelé. | |
Vyhledávání software
Vyhledávání článků
28.11.2018 23:56 /František Kučera
Prosincový sraz spolku OpenAlt se koná ve středu 5.12.2018 od 16:00 na adrese Zikova 1903/4, Praha 6. Tentokrát navštívíme organizaci CESNET. Na programu jsou dvě přednášky: Distribuované úložiště Ceph (Michal Strnad) a Plně šifrovaný disk na moderním systému (Ondřej Caletka). Následně se přesuneme do některé z nedalekých restaurací, kde budeme pokračovat v diskusi.
Komentářů: 1
12.11.2018 21:28 /Redakce Linuxsoft.cz
22. listopadu 2018 se koná v Praze na Karlově náměstí již pátý ročník konference s tématem Datová centra pro business, která nabídne odpovědi na aktuální a často řešené otázky: Jaké jsou aktuální trendy v oblasti datových center a jak je optimálně využít pro vlastní prospěch? Jak si zajistit odpovídající služby datových center? Podle jakých kritérií vybírat dodavatele služeb? Jak volit vhodné součásti infrastruktury při budování či rozšiřování vlastního datového centra? Jak efektivně datové centrum spravovat? Jak co nejlépe eliminovat možná rizika? apod. Příznivci LinuxSoftu mohou při registraci uplatnit kód LIN350, který jim přinese zvýhodněné vstupné s 50% slevou.
Přidat komentář
6.11.2018 2:04 /František Kučera
Říjnový pražský sraz spolku OpenAlt se koná v listopadu – již tento čtvrtek – 8. 11. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma umění a technologie, IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář
4.10.2018 21:30 /Ondřej Čečák
LinuxDays 2018 již tento víkend, registrace je otevřená.
Přidat komentář
18.9.2018 23:30 /František Kučera
Zářijový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 20. 9. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář
9.9.2018 14:15 /Redakce Linuxsoft.cz
20.9.2018 proběhne v pražském Kongresovém centru Vavruška konference Mobilní řešení pro business.
Návštěvníci si vyslechnou mimo jiné přednášky na témata: Nejdůležitější aktuální trendy v oblasti mobilních technologií, správa a zabezpečení mobilních zařízení ve firmách, jak mobilně přistupovat k informačnímu systému firmy, kdy se vyplatí používat odolná mobilní zařízení nebo jak zabezpečit mobilní komunikaci.
Přidat komentář
12.8.2018 16:58 /František Kučera
Srpnový pražský sraz spolku OpenAlt se koná ve čtvrtek – 16. 8. 2018 od 19:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát jsou tématem srazu databáze prezentaci svého projektu si pro nás připravil Standa Dzik. Dále bude prostor, abychom probrali nápady na využití IoT a sítě The Things Network, případně další témata.
Přidat komentář
16.7.2018 1:05 /František Kučera
Červencový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 7. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát bude přednáška na téma: automatizační nástroj Ansible, kterou si připravil Martin Vicián.
Přidat komentář
Poslední diskuze31.7.2023 14:13 /
Linda Graham
iPhone Services
30.11.2022 9:32 /
Kyle McDermott
Hosting download unavailable
13.12.2018 10:57 /
Jan Mareš
Re: zavináč
2.12.2018 23:56 /
František Kučera
Sraz
5.10.2018 17:12 /
Jakub Kuljovsky
Re: Jaký kurz a software by jste doporučili pro začínajcího kodéra?