Päivämäärän ja kellonajan lisääminen verkkosivustoon

click fraud protection
html-koodi

Lisää päivämäärä ja aika verkkosivustosi koodiin.

Kuvan luotto: Baitong333/iStock/Getty Images

Nykyisen päivämäärän ja kellonajan lisääminen verkkosivustolle varmistaa, että ainakin yksi asia sivustolla muuttuu, kun sivuston vierailija päivittää sivun. Sinun ei tarvitse opetella edistyneitä ohjelmointikieliä, kuten PHP, JAVA tai ASP.NET työskennelläksesi päivämäärä- ja aikamuotojen kanssa. JavaScriptin ja perus-HTML: n avulla voit lisätä päivämäärän ja kellonajan verkkosivustollesi muutaman koodirivin avulla.

Vaihe 1

Avaa jokin Web-sivuistasi Notepadilla, HTML-editorilla tai millä tahansa sovelluksella, joka tuottaa pelkkää tekstiä. Varmistaaksesi, että säilytät kopion muokkaamattomasta sivustokoodistasi, kopioi tiedosto ennen sen muokkaamista.

Päivän video

Vaihe 2

Lisää seuraava koodi HTML-koodisi ensimmäisen ""-tunnisteen jälkeen:

Tämä luo tyhjän "div"-lohkon.

Vaihe 3

Lisää seuraava koodi ennen sulkevaa " " -tunnistetta HTML-koodiisi:

Tämä JavaScript-toiminto suoritetaan sivun latautumisen jälkeen. Muuttuja "dateTime" sisältää järjestelmän päivämäärän ja kellonajan. "FormattedDateTime"-muuttuja jakaa dateTimen kahdeksi muotoilluksi arvoksi, joista toinen on päivämäärä ja toinen kellonaika, erotettuna merkillä. määritellään "erottimella". Kaksi viimeistä lausetta lisäävät muotoillun päivämäärä- ja aikamerkkijonon "div"-tunnisteeseen, joka on määritetty tekstin tekstiosassa. HTML.

Vaihe 4

Tallenna asiakirja ja avaa se selaimessasi. Päivämäärä ja aika näkyvät paikassa, johon asetit "div"-tunnisteen. Päivitä sivu nähdäksesi arvojen muuttumisen.

Kärki

Erotinmuuttuja voi sisältää minkä tahansa valitsemasi merkin. Tässä esimerkissä käytetään viivaa.