Diamo un'occhiata a parte del codice da una pagina web reale e creiamo il nostro primo script php, ovvero visualizzare la data e l'ora corrente sul nostro sito. Questo scenario è usato abbastanza spesso sui siti e penso che sarà utile a molti.

Creiamo un altro file php e chiamiamolo time.php. abbiamo studiato prima, se ti sei dimenticato di ripetere.

Quindi abbiamo creato il file time.php e inserito questo file nella cartella myphp precedentemente creata su. Abbiamo studiato questo argomento nella lezione.

Apri il codice per il file time.php e tra i tag e prescriviamo il seguente codice, Listato 1:

Listato 1.

Oggi: Ora attuale

Lanciare Server locale, digitiamo barra degli indirizzi indirizzo del browser http: //localhost/myphp/time.php e premi Invio. E vediamo questa immagine:

Attiro la tua attenzione che in in questo caso viene visualizzata l'ora corrente del server, quelli. se, ad esempio, il server su cui "vive" il tuo sito si trova in un altro paese e l'ora corrente è diversa dall'ora di Mosca, anche il valore dell'ora visualizzato sarà diverso dall'ora di Mosca.

Diamo un'occhiata al codice Elenco 1. Etichette di testo normale " Oggi" e " Ora attuale"non vengono elaborati dal preprocessore PHP e vengono visualizzati così com'è". "Invece di queste voci, puoi scrivere qualsiasi testo, ad esempio, solo Data o Volta eccetera.

Ed ecco il codice php racchiuso nei descrittoriPHP viene elaborato prima di essere passato al browser.

Come probabilmente hai già capito la funzione data in PHP responsabile della visualizzazione della data e dell'ora... V parentesi vengono specificati i valori di visualizzazione della data e dell'ora. Ci sono molti di questi valori in PHP e questa analisi e studio di tutti valori possibili, dedicheremo la prossima lezione separata.

Dichiarazione Echo - si traduce in ritirare, in questo caso si intende visualizzare sullo schermo del monitor Data e Orario del server.

Lo stesso risultato (visualizzazione nel browser) può essere ottenuto inserendo l'intero script all'interno dei descrittori PHP. Aspetto Listato 2:

Listato 2.

echo "Oggi:"; data eco ("j F Y"); echo "Ora attuale"; eco data ("H: i: s"); ?>

Qualunque cosa elementi di testo destinati all'output devono essere racchiusi tra virgolette. Stringhe di testo può essere racchiuso sia in singolo che in virgolette, qual è la differenza di cui parleremo più avanti. Inserimenti:

echo "Oggi";

echo "Oggi";

sono completamente equivalenti e appaiono uguali.

Il carattere spazio prima delle virgolette di chiusura viene utilizzato per separare l'output della funzione data dal testo circostante. Tutti i comandi in PHP sono sempre separati da punto e virgola.

Per visualizzare la Data e l'Ora sul sito inserire il codice Listato 1 o Listato 2 v Posto giusto la tua pagina web. Per dare alle iscrizioni (data e ora) uno stile generale di design del sito, puoi usare.

P.S. Vi ricordo che il file in cui mettete Inserti PHP deve avere estensione .php e oltre all'hosting su cui "vive" il tuo sito deve supportare PHP (oggi è quasi tutto

Sicuramente molti ora hanno un orologio con loro. Sulla mano, in cellulare, in un tablet o un computer. In un modo o nell'altro, puoi vedere che ore sono adesso. E mi sembra che le persone diano troppa importanza al tempo.

Il tempo è uno dei concetti di base della filosofia e della fisica, una misura comparativa condizionale del movimento della materia, nonché una delle coordinate dello spazio-tempo lungo le quali si estendono le linee del mondo dei corpi fisici.

Ma in qualche modo pensiamo un po' a che ore sono. Sempre più pensiamo a come superare in astuzia il tempo

Da bambini, vogliamo diventare rapidamente adulti. A scuola e all'università, vogliamo che le lezioni e le coppie finiscano rapidamente. E da adulti, vogliamo tornare indietro nel tempo per tornare giovani. E siamo sempre scontenti della mancanza di tempo.

È divertente osservare come emergono metodi diversi per i giochi nel tempo, al fine di soddisfare più compiti in 24 ore, perché questo è l'unico modo per avere successo, essere felici e, soprattutto, fare di più. Ma nessuna di queste tecniche risponde alla domanda: è necessario fare qualcosa? Ho bisogno di correre con grandi occhi, carica 100.500 caselle di posta, scrivi elenchi di cose da fare, segui i piani, guarda costantemente l'orologio e abbi costantemente paura. Avere paura di non avere abbastanza tempo per fare tutto.

Una volta ero anch'io un esperto di GTD. Ho comprato app, creato diari, tenuto elenchi di cose da fare. Confesso che ora sto scrivendo anche quello che devo fare. Ma questo è perché posso dimenticare qualcosa, e non perché ho un milione di cose da fare. A proposito, al lavoro uso solo Outlook. C'è una lettera nella posta in arrivo - c'è un caso. È semplice.

Quindi, hai fretta di completare tutti i casi della tua lunga lista. Inoltre, ci sono necessariamente diversi elenchi di questo tipo: "lavoro", "personale", "piani", ecc. Ora immagina di non aver cancellato alcun caso. Questo significa che hai perso tempo? Tutta la cultura occidentale suggerisce di sì. Dopotutto, avresti potuto farlo, è una dannata cosa, ma non l'hai fatto. Quindi il tempo è sprecato. E questa è la cosa peggiore che possa capitare a uomo moderno... Ma non pensi di perdere tempo proprio quando stai cercando di fare un milione di cose? Quando sei combattuto tra dieci di loro. Quando non fai affatto quello che vuoi, ma quello di cui hai bisogno. E, spesso, non per te. Non è una perdita di tempo?

Il tempo è impossibile da perdere

Questo è il più grande malinteso che la società dei consumi ha avuto nel suo tentativo di fare di più. Non puoi fare a meno di correre, semplicemente non hai il diritto di perdere tempo, devi costantemente correre avanti. Questi sono i postulati di base che ora vengono riversati nel cervello di tutti. Se rallenti, perderai tempo. Ma come puoi perdere ciò che non ti appartiene?

Sapete perché molte persone vogliono tornare ai "vecchi tempi"?

Perché oltre al fatto che è stato bello lì, non c'è stata ancora questa corsa costante. Potresti sdraiarti sulla spiaggia tutto il giorno, uscire con gli amici la sera, leggere libri, semplicemente non fare nulla. E a nessuno fregava niente. Ma non appena sei entrato nella lega degli adulti, un jetpack è cresciuto sulla tua schiena, che ti ha portato avanti a una velocità pazzesca. L'unica domanda è dove andrai?

Mi chiedo quanto del tuo tempo hai davvero sprecato?

Quanto tempo hai passato con gli amici, viaggiando, leggendo un libro o facendo ciò che ami?

Quante volte riesci a sederti senza fare nulla?

Quand'è stata l'ultima volta che hai visto l'alba o hai visto il tramonto in silenzio?

Quando hai dormito durante il giorno?

Quando hai passato l'intera giornata con i tuoi cari?

Quand'è stata l'ultima volta che non hai pensato al tempo, ma ti sei semplicemente goduto la vita?

Perché non stai sprecando il tuo tempo? O anche così: perché perdere tempo non è affatto male? Perché tu vivi. Il tempo è vita. Ogni minuto della vita non è tempo perso, ma impressioni, esperienze, conoscenze, emozioni. Non ci prestiamo attenzione, ma lo è davvero!

Perché hai fretta e hai paura di perdere tempo in ogni sorta di cose diverse? Hai semplicemente paura di non avere il tempo di fare qualcosa e morire. Per dirla semplicemente, hai paura di morire. Per questo motivo, hai fretta di fare il più possibile, in modo che negli ultimi minuti della tua vita "ci fosse qualcosa da ricordare". Com'è stupido...

Sarebbe molto meglio se non avessi fretta di vivere, ma assaporassi ogni momento della tua vita.

In conclusione, vorrei suggerire un esperimento. Prova a vivere un giorno senza ore. Generalmente. E guarda come cambiano le cose.

Per ottenere l'ora corrente, utilizzeremo l'oggetto Date(), che, senza argomenti, restituisce l'ora corrente di cui abbiamo bisogno.

ora = nuova data ();

Ma il formato della data definito da questo oggetto non ci soddisfa, vedi per un esempio

Per ottenere il formato di cui abbiamo bisogno, dobbiamo definire ogni componente della data, ovvero dobbiamo calcolare il giorno del mese, il numero del mese, ecc. Per fare ciò, utilizzeremo le seguenti funzioni

• getSeconds() - restituisce il numero di secondi nell'intervallo da 0 a 59;
• getMinutes() - restituisce il numero di minuti nell'intervallo da 0 a 59;
• getHours() - restituisce il numero di ore nell'intervallo da 0 a 23;
• getDay() - restituisce il giorno della settimana nell'intervallo da 0 a 6 (0-> domenica, 1 -> lunedì, ecc.);
• getDate() - restituisce il giorno del mese nell'intervallo da 1 a 31;
• getMonth() - restituisce il numero del mese nell'intervallo da 0 a 11;
• getFullYear () - Restituisce l'anno sotto forma di quattro numeri, minimo 1970.

Cioè, otteniamo ore, minuti e secondi come segue

ora = nuova data ();

Time_sec = time.getSeconds (); // ottieni secondi
time_min = time.getMinutes (); // ottieni minuti
time_hours = time.getHours (); // ottieni ore

Sembra che tu possa già scrivere una funzione per visualizzare l'orologio, ma c'è un avvertimento, se il valore di ritorno delle funzioni getSeconds (), getMinutes () e getHours () è inferiore a 10, i numeri 0 non saranno davanti. Pertanto, scriviamo una funzione che rappresenti la forma di un orologio nella forma a cui siamo abituati.

funzione wr_hours ()
{
ora = nuova 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;
}

La variabile time_wr conterrà l'ora nella nostra forma abituale. Ora dobbiamo visualizzare questa volta sullo schermo del monitor. L'uso della funzione document.write() non funzionerà in questo caso, poiché abbiamo bisogno di un orologio "ticchettio", ovvero dobbiamo aggiornare l'ora dopo un certo periodo di tempo. Sfruttiamo la proprietà innerHTML che ha ogni elemento HTML. Questa proprietà contiene tutto il codice HTML per questo elemento. Può essere cambiato. E se lo cambi, cambierà il codice HTML contenuto nell'elemento e, di conseguenza, il contenuto della pagina web. Pertanto, procederemo come segue. Mostreremo il tempo in un elemento span, a cui daremo l'identificatore univoco ore. Successivamente, in JavaScript, vi accederemo tramite l'espressione document.getElementById ("ore")

...


...

In questo caso, l'ora non cambierà, ma affinché l'ora venga aggiornata, è necessario chiamare la funzione wr_hours() dopo un certo tempo. La funzione setInterval() ci aiuterà in questo, che esegue il codice specificato ogni volta dopo un periodo di tempo specificato. Il tempo in questa funzione è impostato in millisecondi.

setInterval ("(espressione)", (intervallo di tempo));

Imposteremo l'intervallo su un secondo (1000 millisecondi). Non ha senso aggiornare più spesso, poiché il nostro tempo viene visualizzato con una precisione di un secondo. Di conseguenza, otteniamo il seguente codice

...


...

Ora aggiungiamo la data e il giorno della settimana. Poiché le funzioni getDay() e getMonth() restituiscono solo numeri e vogliamo vedere i nomi del giorno della settimana e del mese, aggiungeremo due array che elencano i giorni della settimana e i nomi dei mesi.

nome_mese = nuovo Array ("gennaio", "febbraio", "marzo", "aprile", "maggio", "giugno", "luglio", "agosto", "settembre", "ottobre", "novembre", " Dicembre");
name_day = new Array ("domenica", "lunedì", "martedì", "mercoledì", "giovedì", "venerdì", "sabato");

Di conseguenza, otteniamo il seguente codice

Orologio e data JavaScript

Secondo me, non potrebbe essere più facile, è abbastanza bello e comprensibile. Se non hai voglia di studiare la costruzione di questo script, incollalo in un punto qualsiasi della pagina HTML e otterrai la seguente iscrizione:

Un'altra opzione è più avanzata

! Oggi

Sembra così:

Oggi

In generale, non sono richieste competenze, basta inserire stupidamente il codice e tutto è ok!

Più dettagli:

Quindi, iniziamo assegnando un valore di data a una variabile D, quindi creare array ( Vettore) per i giorni della settimana ( giorno) e mesi ( mese), indicandoli nella forma grammaticale necessaria: caso, numero, lettera maiuscola, se la parola è all'inizio di una data, ecc. L'ultima riga dello script è la stampa della data effettiva ( document.write). Qui imposti cosa e in quale sequenza visualizzerai la data corrente nella stringa. I componenti sono separati tra loro dal segno + ... Per entrare in uno spazio, usa la costruzione " " , e per inserire la lettera g (anno) - la costruzione " G."

Come puoi vedere dallo script, il recupero dei dati sull'ora corrente viene eseguito dall'elemento ottenere... Questo metodo fornisce le seguenti informazioni:

• getDate ()- restituisce un numero compreso tra 1 e 31 che rappresenta il giorno del mese;
• getDay ()- restituisce il giorno della settimana come numero intero da 0 (domenica) a 6 (sabato);
• getMonth ()- restituisce il numero del mese dell'anno;
• getFullYear ()- restituisce l'anno. Da usare semplicemente getYear (), verrà visualizzato l'anno corrente meno 1900;
• ottenere ore ()- restituisce l'ora del giorno;
• getMinuti ()- restituisce i minuti come numero da 0 a 59;
• getSeconds ()- restituisce il numero di secondi da 0 a 59.

Incolla direttamente Giava-script all'interno della pagina del sito non è sempre conveniente. Meglio mettere la descrizione dello script nella parte superiore della pagina tra i tag e impostare una variabile che chiameremo secondo necessità nel testo. chiamiamolo OGGI e definire il modulo di visualizzazione della data in esso in modo simile a quanto sopra. Lo script sarà simile a questo:

Per visualizzare la data, richiama lo script nel posto giusto nel codice HTML della pagina usando il seguente comando:

Se il tuo sito contiene molte pagine in cui desideri visualizzare la data, è più conveniente evidenziare Giava-script per l'output della data in un file separato, ad esempio, data.js... In pratica si tratta di una pagina costituita dal primo degli script descritti, cioè con la riga document.write(vedi sopra). Deve trovarsi nella stessa directory della pagina principale e richiamato nel punto di output della data come segue:

Non dimenticare di controllare che il file data.js aveva la stessa codifica del documento principale, altrimenti la data verrà visualizzata con meravigliosi ganci, quadrati e altre modifiche.

Commento. Va tenuto presente che lo script descritto visualizza la data impostata sul computer dell'utente, che non sempre corrisponde all'ora corrente reale. Se è necessario mostrare l'ora esatta, è necessario utilizzare uno script PHP che mostrerà l'ora sul server.

L'elemento & lttime & gt rappresenta una data, un'ora o un periodo di tempo in formato leggibile dalla macchina. Può essere utile per creare pianificazioni, archivi o altre funzioni legate al tempo. WordPress utilizza questo elemento nel suo tema di base. Un altro esempio di utilizzo di & lttime & gt - Reddit:

Storia breve

Il percorso di vita di questo elemento non è stato facile. È stato aggiunto alle specifiche HTML5 nel 2009. Due anni dopo, nel 2011, è stato rimosso e sostituito con il molto più ampio & ltdata & gt. Tuttavia, nello stesso anno è stato restituito e sono state aggiunte nuove funzionalità. Ora puoi usarlo con fiducia.

La situazione è stata ben descritta da Bruce Lawson (rimosso, restituito, stato attuale delle cose). [ La stessa storia su Habré:,]. Un classico esempio di come la reazione della comunità di sviluppatori stia influenzando lo sviluppo dell'HTML.

Tag e attributo

& lttime & gt possono essere usati come un normale tag HTML. Ecco un semplice esempio che presenta novembre 2011:

2011-11
In questo esempio, il testo all'interno del tag è il valore valido per l'attributo datetime (che verrà discusso più dettagliatamente in seguito). Tuttavia, questo è completamente facoltativo. Questo valore può essere spostato in un attributo esplicitamente specificato e all'interno del tag può essere utilizzato testo arbitrario:

Un freddo mese invernale di tanti anni fa
È l'attributo datetime che conferisce a questo elemento le sue proprietà uniche. Rappresenta, in forma leggibile dalla macchina, qualsiasi data, ora o intervallo che fa riferimento al testo all'interno di un tag. Poiché è destinato ai computer, il suo formato è hardcoded.

Nella maggior parte dei casi, il testo racchiuso in un tag rappresenta lo stesso tempo in forma leggibile dall'uomo:

10 modi per leggere l'ora

Ci sono molti tipi di formattazione datetime.

Anno e mese

2014-06
È molto semplice: l'anno viene prima del mese.

Data

1969-07-16
Anno, poi mese, poi giorno.

Data senza anno

12-31
Un mese, poi un giorno.

Solo il tempo

14:54:39.929
Ore, minuti, secondi. I secondi sono facoltativi. Le frazioni di secondo sono indicate con precisione alla terza cifra decimale.

data e ora

2013-11-20T14: 54
Una combinazione di data e ora, separate da una "T" maiuscola. La lettera "T" può essere sostituita con uno spazio.

Fuso orario

+06:00
Inizia con più o meno. I due punti sono facoltativi. Il tempo coordinato universale (UTC, +00: 00) può essere sostituito con una "Z" maiuscola.

Data e ora locali

2019-12-31T23: 59: 59-02: 00
Data e ora con fuso orario, spazio può essere utilizzato al posto di "T".

Anno e settimana

2010-W21
Anno, quindi "W" maiuscola seguita dal numero della settimana.

Solo un anno

1776
Deve essere di quattro o più cifre. Esempi di valori validi: "0001", "12345".

Intervallo di tempo (primo metodo)

P2DT2H30M10.501S
"P", quindi facoltativo: il numero di giorni, "T", quindi facoltativo: il numero di ore, minuti e secondi. Tutte le lettere sono solo maiuscole.

Intervallo di tempo (secondo metodo)

1w 2d 2h 30m 10.501s
Settimane, giorni, minuti, secondi. Le lettere possono essere in ogni caso, gli spazi sono facoltativi.

Esempi di

Google ha rilasciato Gmail Blue su 1 aprile 2013.
La meteora di Chelyabinsk è entrata nell'atmosfera terrestre sopra la Russia su 15 febbraio 2013 circa alle 09:20 YEKT (03:20 UTC).
La missione Apollo 13 è durata un totale di 5 giorni, 22 ore, 54 minuti e 41 secondi.

Problemi con la formattazione di datetime?

Questo piccolo modulo CodePen ti aiuterà a convertire i valori di data e ora in un tag & lttime & gt valido:

Supporto browser

L'elemento & lttime & gt non ha problemi con il supporto del browser. Se il browser ha familiarità con l'elemento, lo elaborerà; in caso contrario, lo tratterà come un elemento in linea sconosciuto, il che per noi va bene. Anche l'attributo datetime è prontamente disponibile.

C'è anche un'interfaccia DOM associata all'elemento & lttime & gt. Puoi ottenere il valore dateTime tramite un collegamento all'elemento:

Tuttavia, è supportato solo in Firefox, ed è di scarsa utilità, poiché restituisce semplicemente il valore dell'attributo datetime e non sa nemmeno come riconoscere i valori di ora corretti all'interno del tag, il che sarebbe abbastanza logico.

Quali sono i vantaggi dell'utilizzo di & lttime & gt?

Citerò qui Bruce Lawson, poiché probabilmente non è meglio dire:

Non è difficile trovare opzioni per l'utilizzo di un'indicazione univoca della data. Il browser potrebbe richiedere all'utente di aggiungere un evento sulla pagina al proprio calendario. Un browser in Thailandia può convertire automaticamente una data in un calendario gregoriano in uno tradizionale buddista. Il browser giapponese potrebbe mostrare & lttime & gt16: 00 & lt / time & gt come "16:00 時". Gli aggregatori di contenuti possono generare automaticamente una sequenza temporale di eventi.

I motori di ricerca possono migliorare i risultati di ricerca. Ad esempio, di recente c'è stata una forte nevicata, ho cercato su Google e ho scoperto che la scuola che frequentano i miei figli oggi è chiusa. È stato solo quando la scuola ha chiamato e chiesto perché i miei figli non fossero venuti che ho scoperto che in fondo alla pagina con la notizia della chiusura della scuola c'era scritto in caratteri piccoli: "Pubblicato il 5 gennaio 2008". I motori di ricerca potrebbero classificare gli eventi recenti più in alto nei risultati di ricerca.

Un'altra piccola cosa utile

Puoi migliorare ulteriormente l'elemento & lttime & gt aggiungendo un attributo title per fornire informazioni più dettagliate. Cioè, i dati temporali possono essere presentati in tre forme contemporaneamente:

• In un modulo di facile lettura all'interno di un tag;
• Informazioni più dettagliate nel tooltip;
• In formato leggibile dalla macchina.

Questa tecnica è utilizzata sul sito Web di CodePen:

Ed ecco un codice di esempio per Rails che mostra l'ora in queste tre forme:

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