Hvordan Sett en klokke på en webside

Hvordan Sett en klokke på en webside


Nettstedet forfattere trenger av og til å vise gjeldende tid på sine websider. Sette en klokke på en webside er enklest gjøres ved hjelp av et Javascript-program som sjekker tiden på brukerens datamaskin og skriver denne informasjonen til siden. Implementering klokken krever en liten mengde teknisk kunnskap, nemlig evnen til å tolke kodene og generell struktur av et HTML-dokument.

Bruksanvisning

1 Åpne din webside i et tekstredigeringsprogram. HTML-sider kan åpnes og redigeres med tekstredigeringsprogrammer som Microsoft Notepad og Wordpad. Dette eksemplet bruker Notepad. Åpne programmet ved å klikke på Start-knappen i Windows og deretter velge \ "Programmer \"> \ "Tilbehør \"> \ "Notisblokk. \" Velg \ "Fil \" fra menyen øverst på skjermen, og klikk deretter \ "Open. \" tekst~~POS=TRUNC redigerings~~POS=TRUNC åpne .txt-formaterte filer som standard, men de kan lett lese noen ren tekst-fil, inkludert HTML-sider. Vise disse filene ved å finne rullegardinmeny med \ "tekstdokumenter (* .txt). \" Klikk på den, og deretter velger du \ "Alle filer. \" Finn din eksisterende webside og åpne den.

2 Legg Javascript-program på til websiden. Finn tag merket </ head> nær toppen av din web-side kode. Sett inn en tom linje rett over denne koden, og deretter kopiere følgende kode og lim den på den blanke linjen! <br /> <br /> <Script type = \ "text / javascript \"> <br /> <- - <br /> <br /> funksjon klokke () <br /> {<br /> Var tid = new Date () <br /> GO <br /> Var timer = time.getHours () <br /> GÅ <br /> Var minutter = time.getMinutes () <br /> GO <br /> Var sekunder = time.getSeconds () <br /> GÅ <br /> minutter = (minutter <10? \ "0 \ ": \" \ ") + minutter <br /> GÅ <br /> sekunder = (sekunder <10 \?" 0 \ ": \" \ ") + sekunder <br /> GO <br /> Var timeOfDay = (timer <12)? \ "Am \": \ "pm \" <br /> GÅ <br /> timer = (timer> 12)? timer - 12: timer <br /> GÅ <br /> timer = (timer == 0)? 12: timer <br /> GÅ <br /> Var timeString = timer + \ ": \" + minutter + \ ": \" + sekunder + \ "\" + timeOfDay <br /> GO <br /> dokument. getElementById (\ "klokke \") firstChild.nodeValue = timeString <br /> GÅ <br />} <br /> <br /> // -.> <br /> </ script>

3 Oppdater body-koden. Finn tag merket <body> i koden. Bytt tag med følgende: <br /> <br /> <body onload = \ "klokke (); setInterval ( 'klokke ()', 1000) \">

4 Legg en kode for å vise klokken på websiden. Finn linjen i koden din der du vil at klokken skal vises. Legg til følgende kode på denne linjen: <br /> <br /> <span id = \ "klokke \"> </ span>

5 Lagre og forhåndsvise siden. Klikk \ "Fil \" på menyen øverst på skjermen, og velg deretter \ "Lagre. \" Åpne websiden du bare redigeres i nettleseren. En klokke som oppdateres hvert sekund nå vises på det stedet du valgte i foregående trinn.