Să ne uităm la o bucată de cod dintr-o pagină web reală și să creăm primul nostru script php, și anume, să afișăm data și ora curentă pe site-ul nostru. Acest scenariu este folosit pe site-uri destul de des și cred că va fi util multora.

Să creăm un alt fișier php și să numim acest fișier time.php . am studiat mai devreme, dacă ai uitat, repetă.

Așa că am creat fișierul time.php și am plasat acest fișier în folderul myphp creat anterior la . Am studiat acest subiect în lecție

Deschideți codul fișierului time.php și între etichete și scrie urmatorul cod, Listarea 1:

Listarea 1.

Astăzi: ora curentă

Lansăm server local, introducem bara de adresa adresa browserului http://localhost/myphp/time.phpși apăsați Enter. Și vedem această imagine:

Vă atrag atenția asupra faptului că acest caz afișează ora curentă a serverului, acestea. dacă, de exemplu, serverul pe care „locuiește” site-ul dvs. este situat într-o altă țară și ora actuală diferă de Moscova, atunci valoarea oră afișată va diferi și de Moscova.

Să defalcăm codul Listare 1. Inscripții regulate de text " Astăzi" și " ora curentă„ nu sunt procesate de preprocesorul PHP și sunt afișate ca „este”. În loc de aceste intrări, puteți scrie orice text, de exemplu, doar data sau Timp etc.

Și aici este codul php inclus în descriptoriînainte de a fi dat browserului, este procesat de PHP.

După cum probabil ați înțeles deja funcția de dată în PHP responsabil pentru afișarea datei și orei. LA parantezele sunt specificate valorile de afișare a datei și orei. Există o mulțime de astfel de valori în PHP și această analiză și studiu a tuturor valori posibile, vom dedica următoarea lecție separată.

Declarația ecou - se traduce ca retrage, în acest caz înseamnă să afișați pe ecranul monitorului Datași Timpul serverului.

Același rezultat (afișarea browserului) poate fi obținut prin plasarea întregului script în interiorul etichetelor PHP. Vedea Lista 2:

Lista 2.

echo „Astăzi:” ; data ecou(" j F Y "); ecou "Ora curentă"; data echo("H:i:s"); ?>

Toate elemente de text destinate ieșirii trebuie să fie cuprinse între ghilimele. Linii de text poate fi închis atât în ​​single cât și în ghilimele duble care este diferența vom vorbi mai târziu. Intrări:

ecou „Astăzi”;

ecou „Astăzi”;

sunt complet echivalente și se vor afișa în același mod.

Caracterul spațiu înainte de ghilimele de închidere este folosit pentru a separa rezultatul funcției de dată de textul din jur. Toate comenzile din PHP sunt întotdeauna separate prin punct și virgulă.

Pentru a afișa data și ora pe site, înlocuiți codul Listarea 1 sau Lista 2în Locul potrivit pagina dvs. web. Pentru a da inscripțiilor (Data și Ora) un stil general pentru designul site-ului, puteți utiliza.

P.S. Vă reamintesc că dosarul în care plasați Inserări PHP trebuie să aibă extensia .php și, în plus, găzduirea pe care „locuiește” site-ul tău trebuie să suporte PHP (azi, asta este aproape tot

Cu siguranță mulți au acum un ceas cu ei. La mână, în telefon mobil, pe o tabletă sau computer. Oricum, puteți vedea cât este ceasul. Și mi se pare că oamenii acordă prea multă importanță timpului.

Timpul este unul dintre conceptele de bază ale filozofiei și fizicii, o măsură comparativă condiționată a mișcării materiei, precum și una dintre coordonatele spațiului-timp, de-a lungul căreia sunt întinse liniile lumii ale corpurilor fizice.

Dar cumva ne gândim puțin la ce este timpul. Din ce în ce mai mult ne gândim cum să depășim timpul

În copilărie, ne dorim să devenim rapid adulți. La școală și la universitate, ne dorim ca lecțiile și cursurile să se încheie rapid. Și ca adulți, ne dorim atât de mult să întoarcem timpul înapoi, astfel încât să putem redeveni tineri. Și pentru totdeauna suntem nemulțumiți de faptul că timpul este scurt.

Este distractiv să urmărești cum apar tehnici diferite de a juca cu timpul pentru a încadra mai multe lucruri în 24 de ore, pentru că numai așa poți deveni succes, fericit și, cel mai important, poți face mai mult. Dar niciuna dintre aceste tehnici nu răspunde la întrebarea: este necesar să faci ceva? Ar trebui să alerg cu ochi mari, porniți 100500 de căsuțe de e-mail, scrieți liste de sarcini, urmați planuri, uitați-vă constant la ceas și la fel de constant să vă fie frică. Teama ca nu vei avea suficient timp sa faci totul.

Am fost și eu un fan GTD. Am cumpărat aplicații, am început agende, am ținut liste de lucruri de făcut. Mărturisesc, acum scriu și eu ce trebuie să fac. Dar asta din faptul că pot uita de ceva, și nu din faptul că am un milion de lucruri de făcut. Apropo, doar folosesc Outlook la serviciu. Există o scrisoare în căsuța de e-mail - există un caz. Totul este simplu.

Așadar, vă grăbiți să finalizați toate sarcinile din lista dumneavoastră lungă. Mai mult, există în mod necesar mai multe astfel de liste: „de lucru”, „personal”, „planuri”, etc. Acum imaginați-vă că nu ați bifat ceva. Asta înseamnă că ți-ai pierdut timpul? Toată cultura occidentală sugerează că da. La urma urmei, ai fi putut s-o faci, e un lucru al naibii, dar nu ai făcut-o. Deci timpul este pierdut. Și acesta este cel mai rău lucru care i se poate întâmpla omul modern. Dar nu ai impresia că pierzi timpul tocmai când încerci să faci un milion de lucruri? Când ești rupt între zece dintre ei. Când nu faci deloc ceea ce vrei, ci ceea ce ai nevoie. Și de multe ori nu pentru tine. Nu este aceasta o pierdere de timp?

Timpul nu poate fi pierdut

Aceasta este cea mai mare concepție greșită cu care societatea de consum a venit în încercarea lor de a face mai mult. Nu te poți grăbi, pur și simplu nu ai dreptul să pierzi timpul, trebuie să alergi constant înainte. Acestea sunt postulatele de bază care acum sunt turnate în creierul fiecăruia. Dacă încetini, vei pierde timpul. Dar cum poți pierde ceva ce nu-ți aparține?

Știi de ce mulți oameni vor să aducă înapoi „timpul vechi”?

Pentru că pe lângă faptul că acolo era bine, încă nu a existat această cursă constantă. Ai putea să stai pe plajă toată ziua, să ieși cu prietenii noaptea, să citești cărți, pur și simplu să nu faci nimic. Și nimănui nu-i păsa. Dar de îndată ce te-ai mutat în liga adulților, ți-a crescut un jetpack pe spate, care te-a dus înainte cu o viteză nebună. Singura întrebare este unde vei merge?

Mă întreb cât de mult ți-ai pierdut cu adevărat timpul?

Cât timp ai petrecut cu prietenii, călătorind, citind o carte sau făcând ceea ce îți place?

Cât de des poți să stai și să nu faci nimic?

Când ai văzut ultima dată zorii sau ai privit apusul în tăcere?

Când ai dormit ziua?

Când ai petrecut toată ziua alături de cei dragi?

Când a fost ultima dată când nu te-ai gândit la timp și doar te-ai bucurat de viață?

De ce nu-ți pierzi timpul? Sau chiar asta: de ce pierderea timpului nu este deloc rău? Da, pentru că trăiești. Timpul este viață. Fiecare minut al vieții nu este timp pierdut, ci impresii, experiență, cunoștințe, emoții. Nu îi acordăm atenție, dar este adevărat!

De ce vă grăbiți și vă este frică să pierdeți timpul cu tot felul de lucruri diferite? Ți-e frică să nu ai timp să faci ceva și să mori. Și dacă simplifici, atunci ți-e frică să mori. Din această cauză, te grăbești să faci cât mai multe pentru ca în ultimele minute ale vieții tale „să fie ceva de reținut”. Ce prost e asta...

Ar fi mult mai bine dacă nu te-ai grăbi să trăiești, ci ai savura fiecare clipă din viața ta.

Și în concluzie, vreau să ofer un experiment. Într-o zi încearcă să trăiești fără ceas. În general. Și vezi cum se schimbă lucrurile.

Pentru a obține ora curentă, să folosim obiectul Date(), care, fără argumente, returnează ora curentă de care avem nevoie.

ora=noua Data();

Dar formatul de dată definit de acest obiect nu ni se potrivește, de exemplu, vezi

Pentru a obține formatul de care avem nevoie, trebuie să definim fiecare componentă a datei, adică trebuie să calculăm ziua lunii, numărul lunii și așa mai departe. Pentru a face acest lucru, folosim următoarele funcții

• getSeconds() - returnează numărul de secunde din intervalul de la 0 la 59;
• getMinutes() - returnează numărul de minute în intervalul de la 0 la 59;
• getHours() - returnează numărul de ore din intervalul de la 0 la 23;
• getDay() - returnează ziua săptămânii între 0 și 6 (0->duminică, 1->luni etc.);
• getDate() - returnează ziua lunii în intervalul de la 1 la 31;
• getMonth() - returnează numărul lunii în intervalul de la 0 la 11;
• getFullYear() - returnează anul sub formă de patru numere, valoarea minimă este 1970.

Adică, ore, minute și secunde vor fi obținute după cum urmează

ora=noua Data();

Time_sec=time.getSeconds();// obține secunde
time_min=time.getMinutes();// obține minute
time_hours=time.getHours();// obține ore

Se pare că puteți scrie deja o funcție pentru a afișa orele, dar există o avertizare: dacă valoarea returnată a funcțiilor getSeconds() , getMinutes() și getHours() este mai mică de 10, atunci numărul 0 nu va fi înainte. Prin urmare, să scriem o funcție care reprezintă ceasul în forma cu care suntem obișnuiți.

funcția wr_hours()
{
ora=noua Data();

Time_sec=time.getSeconds();
time_min=time.getMinutes();
time_hours=time.getHours();
time_wr=((time_hours<10)?"0":"")+time_hours;
time_wr+=":";
time_wr+=((time_min<10)?"0":"")+time_min;
time_wr+=":";
time_wr+=((time_sec<10)?"0":"")+time_sec;
}

Variabila time_wr va conține ora în forma cu care suntem obișnuiți. Acum trebuie să afișăm această dată pe ecranul monitorului. Folosirea funcției document.write() nu va funcționa în acest caz, deoarece avem nevoie de un ceas „tic”, adică trebuie să actualizăm ora după o anumită perioadă de timp. Să folosim proprietatea innerHTML pe care o are fiecare element al codului HTML. Această proprietate conține tot codul HTML pentru acest element. Poate fi schimbat. Și dacă îl schimbați, atunci codul HTML conținut în element se va schimba și, în consecință, conținutul paginii web. Prin urmare, vom proceda după cum urmează. Vom afișa ora în elementul span, căruia îi vom acorda un identificator unic de ore. Ulterior, în JavaScript, îl vom accesa cu expresia document.getElementById(„ore”)

...


...

În acest caz, ora nu se va schimba, dar pentru a actualiza ora, trebuie să apelați funcția wr_hours () după un anumit timp. Funcția setInterval() ne va ajuta în acest sens, care execută codul specificat de fiecare dată după expirarea perioadei de timp specificate. Timpul în această funcție este dat în milisecunde.

setInterval("(expresie)", (interval de timp));

Vom seta intervalul la o secundă (1000 milisecunde). Nu are sens să actualizăm mai des, deoarece afișăm ora cu o precizie de până la o secundă. În consecință, obținem următorul cod

...


...

Acum să adăugăm data și ziua săptămânii. Deoarece funcțiile getDay() și getMonth() returnează doar numere și dorim să vedem numele zilei săptămânii și ale lunii, vom adăuga două tablouri care listează zilele săptămânii și numele lunilor.

name_month=new Array ("Ianuarie","Februarie","Martie", "Aprilie","Mai", "Iunie","Iulie","August", "Septembrie","Octombrie", "Noiembrie"," Decembrie");
name_day=new Array("duminică","luni","marți", "miercuri","joi", "vineri","sâmbătă");

Ca rezultat, obținem următorul cod

Ceasul și data în JavaScript

În opinia mea, nicăieri nu este mai ușor, destul de frumos și de înțeles. Dacă nu doriți să studiați construcția acestui script, atunci pur și simplu lipiți-l oriunde în pagina HTML și obțineți următoarea inscripție:

O altă variantă mai avansată

! Astăzi

Arata cam asa:

Astăzi

În general, nu sunt necesare abilități, doar introduceți prostește codul și totul este ok!

Mai mult:

Deci, să începem prin a atribui o valoare de dată unei variabile d, apoi creați matrice ( matrice) pentru zilele săptămânii ( zi) și luni ( lună), indicându-le în forma gramaticală cerută: caz, număr, literă mare, dacă cuvântul este la începutul datei etc. Ultima linie a scriptului imprimă de fapt data ( document.scrie). Aici setați ce și în ce ordine veți afișa în linia de dată curentă. Componentele sunt separate unele de altele prin semn + . Pentru a intra într-un spațiu, utilizați construcția " " , și pentru a introduce litera g (an) - construcție "G."

După cum puteți vedea din script, obținerea datelor despre ora curentă este efectuată de element obține. Această metodă vă permite să obțineți următoarele informații:

• getDate()- returnează un număr de la 1 la 31 reprezentând ziua lunii;
• getDay()- returnează ziua săptămânii ca număr întreg de la 0 (duminică) la 6 (sâmbătă);
• getMonth()- returnează numărul lunii din an;
• getFullYear()- întoarce anul. Dacă utilizați pur și simplu getYear(), atunci va fi afișat anul curent minus 1900;
• obține ore()- returnează ora din zi;
• getMinutes()- returnează minutele ca număr de la 0 la 59;
• getSeconds()- returnează numărul de secunde de la 0 la 59.

Inserați direct Java-scriptul în interiorul paginii site-ului nu este întotdeauna convenabil. Este mai bine să puneți descrierea scriptului în partea de sus a paginii între etichete și setați o variabilă pe care o vom apela după cum este necesar în text. Să o sunăm ASTĂZIși definiți formularul de ieșire a datei în el în mod similar cu cel de mai sus. Scriptul va arăta astfel:

Pentru a afișa data, apelăm scriptul în locul potrivit în codul HTML al paginii folosind următoarea comandă:

Dacă site-ul dvs. conține multe pagini în care trebuie să afișați data, este mai convenabil să le evidențiați Java- script pentru a scoate data într-un fișier separat, de exemplu, data.js. În practică, aceasta este o pagină formată din primul dintre scripturile descrise, adică cu linia document.scrie(Vezi deasupra). Trebuie plasat în același director cu pagina principală și apelat în locul în care este afișată data, după cum urmează:

Nu uitați să verificați că fișierul data.js avea aceeași codificare ca și documentul principal, altfel data va fi afișată cu cârlige minunate, pătrate și alte gadget-uri.

Cometariu. Trebuie avut în vedere că scriptul descris afișează data setată pe computerul utilizatorului, care nu corespunde întotdeauna cu ora actuală reală. Dacă trebuie să afișați ora exactă, atunci trebuie să utilizați un script PHP care va afișa ora pe server.

Elementul <time> este o dată, o oră sau o perioadă de timp în format care poate fi citit de mașină. Poate fi util pentru crearea de programe, arhive sau alte funcții legate de timp. WordPress folosește acest element în tema sa de bază. Un alt exemplu de utilizare a <time> este Reddit:

Poveste scurta

Calea de viață a acestui element nu a fost ușoară. A fost adăugat la specificația HTML5 în 2009. Doi ani mai târziu, în 2011, a fost eliminat și înlocuit cu un <data> mult mai larg. Cu toate acestea, în același an a fost returnat și au fost adăugate noi funcții. Acum îl poți folosi cu încredere.

Situația a fost bine descrisă de Bruce Lawson (eliminat, returnat, starea actuală a lucrurilor). [ Aceeași poveste despre Habré:,]. Un exemplu clasic al modului în care reacția comunității dezvoltatorilor afectează dezvoltarea HTML.

Etichetă și atribut

<time> poate fi folosit ca o etichetă HTML obișnuită. Iată un exemplu simplu care reprezintă noiembrie 2011:

2011-11
În acest exemplu, textul din interiorul etichetei este o valoare validă a atributului datetime (mai multe despre asta mai târziu). Cu toate acestea, acest lucru este complet opțional. Această valoare poate fi mutată într-un atribut specificat în mod explicit, iar textul arbitrar poate fi folosit în interiorul etichetei:

O lună rece de iarnă în urmă cu mulți ani
Este atributul datetime care conferă acestui element proprietățile sale unice. Acesta reprezintă, într-o formă care poate fi citită de mașină, orice dată, oră sau interval legat de textul din etichetă. Deoarece este destinat computerelor, formatul său este codificat.

În cele mai multe cazuri, textul inclus în etichetă reprezintă același timp într-un mod care poate fi citit de om:

10 moduri de a spune timpul

Există multe variante de formatare date și oră.

Anul și luna

2014-06
Foarte simplu: anul vine înaintea lunii.

data

1969-07-16
Anul, apoi luna, apoi ziua.

data fara an

12-31
Luna, apoi ziua.

Doar timp

14:54:39.929
Ore, minute, secunde. Secundele sunt opționale. Fracțiile de secundă sunt indicate cu o precizie de trei zecimale.

data si ora

2013-11-20T14:54
O combinație de dată și oră separate printr-un „T” majuscul. Litera „T” poate fi înlocuită cu un spațiu.

Fus orar

+06:00
Începe cu plus sau minus. Colonul este opțional. Ora universală coordonată (UTC, +00:00) poate fi înlocuită cu un „Z” majuscul.

Data și ora locală

2019-12-31T23:59:59-02:00
Data și ora cu fusul orar, în loc de „T” puteți folosi un spațiu.

Anul si saptamana

2010-W21
Anul urmat de un „W” majuscul urmat de numărul săptămânii.

Doar un an

1776
Trebuie să aibă patru sau mai multe cifre. Exemple de valori valide: „0001” , „12345” .

Interval de timp (prima metodă)

P2DT2H30M10.501S
„P” apoi opțional numărul de zile, „T” apoi opțional numărul de ore, minute și secunde. Toate literele sunt doar cu majuscule.

Interval de timp (a doua metodă)

1w 2d 2h 30m 10.501s
Săptămâni, zile, minute, secunde. Literele pot fi în orice caz, spațiile sunt opționale.

Exemple

Google a lansat Gmail Blue pe 1 aprilie 2013.
Meteorul Chelyabinsk a intrat în atmosfera Pământului deasupra Rusiei 15 februarie 2013 la aproximativ 09:20 YEKT (03:20 UTC).
Misiunea Apollo 13 a durat în total 5 zile, 22 de ore, 54 de minute și 41 de secunde.

Probleme cu formatarea date-ora?

Acest mic formular de pe CodePen va ajuta la convertirea valorilor datei și orei într-o etichetă <time> validă:

Suport pentru browser

Elementul <time> nu are probleme de compatibilitate cu browserul. Dacă browserul este familiarizat cu elementul, îl va procesa; dacă nu, îl va trata ca pe un element inline necunoscut, ceea ce este bine pentru noi. Atributul datetime este la fel de ușor accesibil.

Există, de asemenea, o interfață DOM asociată cu elementul <time>. Printr-o referință la un element, puteți obține valoarea dateTime:

Cu toate acestea, este acceptat doar în Firefox și este de puțin folos, deoarece returnează pur și simplu valoarea atributului datetime și nici măcar nu știe cum să recunoască valorile corecte de timp în interiorul etichetei, ceea ce ar fi destul de logic.

Care sunt beneficiile utilizării <time>?

Aici îl voi cita pe Bruce Lawson, pentru că, poate, nu poți spune mai bine:

Nu este dificil să veniți cu opțiuni pentru utilizarea unei indicații clare a datei. Browserul poate solicita utilizatorului să adauge un eveniment pe pagină în calendarul său. Un browser din Thailanda poate converti automat o dată din calendarul gregorian în budistă tradițională. Un browser japonez poate afișa <time>16:00</time> ca „16:00時”. Agregatorii de conținut pot genera automat o cronologie a evenimentelor.

Motoarele de căutare pot îmbunătăți rezultatele căutării. De exemplu, recent a fost o ninsoare abundentă, am căutat pe google și am constatat că școala la care merg copiii mei este închisă astăzi. Abia când școala a sunat și a întrebat de ce copiii mei nu au venit, am descoperit că în partea de jos a paginii de știri de închidere a școlii scria, cu litere mici, „Publicat pe 5 ianuarie 2008”. Motoarele de căutare ar putea bine plasa evenimentele recente mai sus în rezultate.

Un alt lucru mic util

Puteți îmbunătăți și mai mult elementul <time> adăugând un atribut titlu care oferă informații mai detaliate. Adică, datele de timp pot fi prezentate în trei forme simultan:

• Într-o formă lizibilă în interiorul etichetei;
• Mai detaliat în sfatul instrumentului;
• În format care poate fi citit de mașină.

Acest truc este folosit pe site-ul CodePen:

Și iată un exemplu de cod pentru Rails care afișează ora în aceste trei forme:

"title="(!LANG:<%= @pen.created_at.strftime(!}"%Y-%m-%d at %I:%M %p") %>"> <%= @pen.created_at.strftime("%B %d, %Y") %>