Autori del sito occasionalmente bisogno di visualizzare l'ora corrente sulle loro pagine Web. Inserimento di un orologio su una pagina Web più semplicemente avviene utilizzando un programma JavaScript che controlla il tempo sul computer dell'utente e di stampa queste informazioni alla pagina. L'implementazione dell'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.
Istruzioni
1
Aprire la pagina Web in un editor di testo. Pagine HTML possono essere aperti e modificati utilizzando programmi come Microsoft blocco note e WordPad di modifica del testo. Questo esempio utilizza il blocco note. Aprire il programma facendo clic sul pulsante Start di Windows e quindi selezionando \"Programs\" > \"Accessories\" > \"Notepad.\" selezionare \"File\" dal menu nella parte superiore dello schermo e quindi fare clic su \"Open.\" editor di testo aprire il file in formato. txt per impostazione predefinita, ma possono facilmente leggere qualsiasi file di testo, incluse le pagine HTML. Per visualizzare questi file, trovare il menu a discesa contenente \"Text documenti (*. txt). \" fare clic su esso e quindi scegliere file di \"All. \" trovare la tua pagina Web esistente e aprirlo.
2
Aggiungere il programma JavaScript al vostro Web page. Individuare il tag con etichettato < / head > vicino alla cima del codice della pagina Web. Inserire una riga vuota direttamente sopra questo tag e quindi copiare il seguente codice e incollarlo nella riga vuota: < br / >< br / >< tipo di script = \ "testo/javascript\" >< br / ><!... < br / >< br / > funzione orologio () < br / > {< br / > tempo var = new Date () < br / > andare < br / > var ora = time.getHours () < br / > andare < br / > var minuti = time.getMinutes () < br / > andare < BR / > var secondi = time.getSeconds () < br / > andare < br / > minuti = (minuti < 10? \"0\": \ "\") + minuti < br / > andare < br / > secondi = (secondi < 10? \"0\": \ "\") + secondi < br / > andare < br / > var timeOfDay = (ore < 12)? \"a.m.\": \"p.m.\" < br / > andare < br / > ore = (ore > 12)? ore - 12: ore < br / > andare < br / > ore = (ora = = 0)? 12: ore < br / > andare < br / > var timeString = ore + \ ": \" + minuti + \ ": \" + secondi + \ "\" + timeOfDay < br / > andare < br / > document.getElementById(\"clock\").firstChild.nodeValue = timeString < br / > andare < br / >} < br / >< br / > / / --> < br / >< / script >
3
Aggiornare il tag body. Individuare il tag etichettato < corpo > nel codice. Sostituire il tag con il seguente: < br / >< br / >< corpo onload=\"clock(); setInterval('clock()', 1000) \ ">
4
Aggiungere un tag per visualizzare l'orologio sulla tua pagina Web. Individuare la riga nel codice dove si desidera che l'orologio venga visualizzato. Aggiungere il seguente tag su questa linea: < br / >< br / >< span id = \ "clock\" >< / span >
5
Salvare e visualizzare in anteprima la pagina. Fare clic su \"File\" dal menu nella parte superiore dello schermo e quindi selezionare \"Save.\" aprire la pagina Web appena modificato nel browser Web. Un orologio che aggiorna ogni secondo ora appare nella posizione selezionata nel passaggio precedente.