Come ottenere il tempo in JavaScript

November 27

Come ottenere il tempo in JavaScript


Mentre pianura JavaScript, senza l'uso di una libreria come jQuery o MooTools, non è facile da usare per la visualizzazione delle volte sulle pagine Web, è possibile provare a programmare uno script a fini di apprendimento. JavaScript non tenere la mano molto, quindi è necessario impostare alcune variabili, ottenere valori numerici dall'oggetto "Data" e le sue funzioni e scrivere le variabili sullo schermo. Hai bisogno di fare programmazione in più per formattare i numeri in parole o aggiungere testo intorno le unità di tempo.

istruzione

1 Aprire una nuova serie di "<script>" tag in qualsiasi punto del file HTML. Si dovrebbe inserire il codice in cui si desidera che il tempo a comparire, però. I tuoi tag dovrebbe essere simile a questo:

<Script type = "text / javascript">

// Codice andrà in qui

</ Script>

2 Creare una variabile e impostarla su una nuova istanza dell'oggetto "Data":

var myDate = new Date ();

Sostituire "myDate" con qualsiasi nome che si desidera dare alla variabile, a condizione che il nome utilizzato è unico e significativo. Ricordatevi di "caso cammello" le variabili come "someVar" invece di "qualche var".

3 Creare variabili per ogni unità di tempo è necessario, come ore, minuti e secondi. Impostare ogni variabile alla variabile che contiene l'uscita dell'oggetto "Data", più la funzione desiderata da "Data". Il codice è simile al seguente:

var ora = myDate.getHours ();

var minuto = myDate.getMinutes ();

var = secondo myDate.getSeconds ();

Funzioni come "getHours ()" e "getMinutes ()" provengono dall'oggetto "Data" in JavaScript.

4 Scrivi "document.write" su una nuova linea e aprire un paio di parentesi. All'interno della parentesi, uscita ogni variabile a seconda delle necessità. Aggiungere il testo tra le unità di tempo. Il codice finale è simile al seguente:

<Script type = "text / javascript">

var myDate = new Date ();

document.write ( "Il tempo è" + ora + ":" + minuto + ":" + secondo + ".");

</ Script>

L'output del codice di cui sopra in 1230 e cinquanta-quattro secondi appare così:

"Il tempo è 00:30:54."

Consigli e avvertenze

  • Questo codice genera solo i valori numero di volte. È necessario programmare il proprio script per convertire i tempi e le date in parole.