Kā vietnē ievietot datumu un laiku

html kods

Pievienojiet datumu un laiku savas vietnes kodam.

Attēla kredīts: Baitong333/iStock/Getty Images

Pašreizējā datuma un laika pievienošana vietnei nodrošina, ka vismaz viena lieta vietnē mainās, kad vietnes apmeklētājs atsvaidzina lapu. Lai strādātu ar datuma un laika formātiem, jums nav jāapgūst uzlabotas programmēšanas valodas, piemēram, PHP, JAVA vai ASP.NET. Izmantojot JavaScript un pamata HTML, varat ievietot datumu un laiku savā vietnē, izmantojot dažas koda rindiņas.

1. darbība

Atveriet kādu no savām Web lapām, izmantojot Notepad, HTML redaktoru vai jebkuru lietojumprogrammu, kas veido vienkāršu tekstu. Lai nodrošinātu, ka saglabājat nerediģētā vietnes koda kopiju, pirms rediģēšanas dublējiet failu.

Dienas video

2. darbība

Pievienojiet šādu kodu savā HTML pēc pirmā taga "":

Tādējādi tiek izveidots tukšs "div" bloks.

3. darbība

Pievienojiet šo kodu pirms beigu taga " " savā HTML:

Šī JavaScript funkcija darbojas pēc lapas ielādes. Mainīgais "dateTime" satur sistēmas datumu un laiku. Mainīgais "formattedDateTime" sadala dateTime divās formatētās vērtībās: viena datumam un viena laikam, atdalītas ar rakstzīmi. definēts kā "atdalītājs". Pēdējie divi priekšraksti pievieno formatēto datuma un laika virkni tagam "div", kas definēts pamatteksta sadaļā. HTML.

4. darbība

Saglabājiet dokumentu un atveriet to savā pārlūkprogrammā. Datums un laiks parādās vietā, kur ievietojāt atzīmi "div". Atkārtoti ielādējiet lapu, lai redzētu, kā mainās vērtības.

Padoms

Atdalīšanas mainīgajā var būt jebkura atlasītā rakstzīme. Šajā piemērā tiek izmantota domuzīme.