October 28
autori del sito web di tanto in tanto hanno bisogno di visualizzare l'ora corrente sulle loro pagine Web. Inserimento di un orologio su una pagina Web è più semplicemente realizzato utilizzando un programma JavaScript che controlla il tempo sul computer dell'utente e quindi stampa queste informazioni alla pagina. Implementare l'orologio richiede una piccola quantità di conoscenze tecniche, vale a dire la capacità di interpretare i tag e la struttura generale di un documento HTML.
1 Aprire la pagina Web in un programma di editing di testo. pagine HTML possono essere aperti e modificati utilizzando programmi di editing di testo come Blocco note e WordPad di Microsoft. Questo esempio utilizza il blocco note. Aprire il programma facendo clic sul pulsante Start di Windows e selezionando \ "Programmi \"> \ "Accessori \"> \ "Blocco note. \" Seleziona \ "File \" dal menu nella parte superiore dello schermo, quindi fare clic su \ "Apri. \" editor di testo file .txt in formato aperto di default, ma si può facilmente leggere qualsiasi file di testo, tra cui pagine HTML. Visualizzare questi file trovando il menu a tendina contenente \ "Documenti di testo (txt). \" Clic su di esso e scegliere \ "Tutti i file. \" Trova la tua pagina Web esistente e aprirlo.
2 Aggiungere il programma JavaScript alla vostra pagina Web. Individuare il tag con l'etichetta </ head> vicino alla parte superiore del vostro codice web-page. Inserire una riga vuota direttamente sopra questo tag, e quindi copiare il seguente codice e incollarlo nella riga vuota:! <br /> <br /> <Script type = \ "text / javascript \"> <br /> <- - orologio funzione <br /> <br /> () <br /> <br /> {tempo var = new Date () <br /> <br /> ore GO var = time.getHours () <br /> GO <br /> var minuti = time.getMinutes () <br /> <br /> GO var secondi = time.getSeconds () <br /> <br /> GO minuti = (minuti <10? \ "0 \ ": \" \ ") + minuti <br /> <br /> GO secondi = (secondi <10 \?" 0 \ ": \" \ ") + secondi <br /> <br /> GO var timeofday = (ore <12)? \ "AM \": \ "pm \" <br /> <br /> GO ore = (ore> 12)? ore - 12 ore: <br /> <br /> GO ore = (ore == 0)? 12: ore <br /> <br /> GO var TimeString = ore + \ ": \" + minuti + \ ": \" + secondi + \ "\" + timeofday <br /> <br /> documento GO. getElementById (\ "orologio \") firstChild.nodeValue = TimeString <br /> <br /> GO} <br /> <br /> // -.> <br /> </ script>
3 Aggiornare il tag body. Individuare il tag con l'etichetta <body> nel codice. Sostituire il tag con il seguente: <br /> <br /> <body onload = \ "orologio (); setInterval ( 'orologio ()', 1000) \">
4 Aggiungi un tag per visualizzare l'orologio nella pagina Web. Individuare la riga di codice in cui si desidera visualizzare l'orologio. Aggiungere il seguente tag su questa linea: <br /> <br /> <span id = \ "orologio \"> </ span>
5 Salvare e visualizzare in anteprima la pagina. Fai clic su \ "File \" nel menu nella parte superiore dello schermo, quindi selezionare \ "Salva. \" Aprire la pagina Web appena modificato nel browser Web. Un orologio che aggiorna ogni secondo appare ora nella posizione selezionata nel passaggio precedente.