Hvordan bruke Java Script for å legge til tid til din nettside
Javascript er et programmeringsspråk som utvider nettleserens standard funksjonalitet. Selv om det ikke kan åpne eller lagre dokumenter på harddisken (av sikkerhetshensyn), kan det skape grafikk, viser driftstiden og utføre andre funksjoner.
Ved hjelp av Javascript for å vise tiden på websiden vil introdusere deg for mange begreper og teknikker som vil veilede dine fremtidige programmering prosjekter. Spesielt vil du lære elementer av hendelsesdrevet programmering. Det programmering tilnærmingen legger vekt på å skrive programkode som kjøres når en bestemt hendelse inntreffer (dvs. museklikk, nedtelling), i stedet for en forhåndsbestemt tid.
Bruksanvisning
1 Skriv inn HTML-kode på slutten av dette trinnet inn i en ny forekomst av Windows Notepad (eller annen tekstbehandler). Denne koden skriver ut tekst til nettleserens vindu, et viktig første skritt i å skape en løpende visning av tid.
<Html>
<Head>
<Script type = "text / javascript">
funksjon myfunc () {
Var w = document.getElementById ( "MyWindow");
w.innerHTML = "Tiden vil gå her";
}
</ Script>
</ Head>
<Body onLoad = "myfunc ();" >
<Div id = "MyWindow">
</ Div>
</ Body>
</ Html>
2 Lagre dokumentet som "Ren tekst" med et filnavn som slutter med utvidelsen "HTM." Dette sikrer at Windows vil kalle PCens standard nettleser for å åpne dokumentet, i motsetning til noen andre program.
3 Dobbeltklikk på filen du nettopp lagret for å gjøre nettleseren åpne dokumentet. Nettleseren vil vise meldingen "Tiden vil gå her."
(Hvis nettleseren viser en melding om sikkerhet og blokkert skript, høyreklikker du på meldingen og velg "Tillat blokkert innhold." Også klikk "Ja" for å sikkerhets dialogboksen som vises etter at meldingen nettopp nevnte.)
4 Type, etter at dokumentet linje som begynner med «var w =" dette følgende uttalelse, som henter inn dato og tid:
Var d = new Date ();
5 Skriv inn over linjen som begynner med "w.innerHTML =" følgende reviderte linjen, som viser produksjonen av setningen du har lagt i det siste trinnet:
w.innerHTML = d;
Trykk "Ctrl-S" for å re-lagre dokumentet.
6 Press, i nettleservinduet viser HTML-dokumentet, "F5", som vil vise tiden i nettleservinduet. Tiden blir ikke oppdatert automatisk ennå, men vil du gjøre det gjøre det i de neste trinnene.
7 Skriv inn over linjen som begynner med "<body onLoad>" følgende reviderte linjen:
<Body onLoad = "initial ();" >
Denne reviderte erklæringen kaller en ny funksjon, som går en Javascript-nedtelleren brukes til å gjentatte ganger hente gjeldende tid.
8 Type, like før "</ script>" HTML-koden, den nye funksjonen er nevnt i forrige trinn:
funksjon Initial () {
Var tout = setTimeout ( "myfunc ()", 1000);
}
9 Type, like etter uttalelsen som begynner med "w.innerHTML =" denne nye uttalelsen.
Var tout = setTimeout ( "myfunc ()", 1000);
Disse endringene er avhengige av Javascript timer-funksjon setTimeout den (), som kaller din funksjon for å vise gjeldende tid, "myfunc." Hver gang funksjonen kalles, setTimeout kalles igjen, noe som skaper en endeløs sløyfe som viser driftstid.
10 Trykk "Ctrl-S," trykk "F5" i dokumentets nettleservindu. Tiden vil nå oppdatere automatisk.