Come visualizzare le Ore e minuti in due settori con JavaScript

April 12

Come visualizzare le Ore e minuti in due settori con JavaScript


JavaScript fornisce una vasta gamma di funzioni per manipolare date e tempi. Il programmatore può accedere ai metodi Data di oggetti che forniscono il giorno, l'anno, il mese, il fuso orario, ora esatta corrente e molto altro ancora. Il metodo JavaScript getTime () restituirà l'ora corrente, ma il risultato è espresso in millisecondi. La maggior parte delle persone preferiscono vedere l'ora visualizzata in ore, minuti e secondi. Utilizzare i metodi getHours Data Object () e getMinutes () per memorizzare l'ora ei minuti in variabili separate che possono essere visualizzate come campi diversi.

istruzione

1 Avviare il, testo semplice editor di testo standard che è disponibile sul computer.

2 Inserire il codice seguente nel editor di testo.

<Html>

<Body>

<Script language = "javascript">

var thedate = new Date ();

ore var = thedate.getHours ();

var minuti = thedate.getMinutes ();

document.write ( "campo Ore:" + ore);

document.write ( "");

document.write ( "campo Minuti:" + minuti);

document.write ( "");

</ Script>

</ Body>

</ Html>

3 Fare clic sul menu File. Selezionare l'opzione "Salva". Salvare sotto il nome del file "test.html."

4 Avviare il browser web che è disponibile sul computer. Fare clic sulla voce di menu "File" e selezionare "Apri file".

5 Individuare il file "test.html" appena creato, selezionare con il mouse, quindi fare clic su "Apri".

Consigli e avvertenze

  • JavaScript permette di creare le proprie funzioni e riutilizzarli in seguito in altri script. Create la vostra funzione propri HoursandMinutes () al seguente esempio:
  • <Html>
  • <Head>
  • <Script language = "javascript">
  • HoursandMinutes function ()
  • {
  • var thedate = new Date ();
  • var minuti = thedate.getMinutes ();
  • ore var = thedate.getHours ();
  • if (ore> 12)
  • {ore = ore-12; }
  • document.write ( "Il tempo è:" + minuti + "minuti passato");
  • document.write (ore + "ore!");
  • }
  • </ Script>
  • </ Head>
  • <Body>
  • <Input type = valore "pulsante" = "Prendi il tempo!" onclick = "HoursandMinutes ()" />
  • </ Body>
  • </ Html>
  • risultati del metodo Data di JavaScript possono richiedere un certo formattazione aggiuntiva per visualizzare l'ora in materia di uso comune. Due minuti dopo le 15:00 è normalmente scritto come 03:02. metodo javascript getMinutes () restituirà le informazioni corrette, ma senza lo "0". Aggiungere una routine per lo script che aggiunge lo zero se il numero di minuti è inferiore a 10. Esempio:
  • <Script language = "javascript">
  • var thedate = new Date ();
  • var minuti = thedate.getMinutes ();
  • minutes = ( "00" + minuti) .slice (-2);
  • document.write ( "Il metodo slice funziona - campo Minuti:" + minuti);
  • </ Script>