Hoe de datum en tijd in een website in te voegen

HTML code

Voeg de datum en tijd toe aan de code voor uw website.

Afbeelding tegoed: Baitong333/iStock/Getty Images

Het toevoegen van de huidige datum en tijd aan een website zorgt ervoor dat ten minste één ding op de site verandert wanneer een sitebezoeker een pagina vernieuwt. U hoeft geen geavanceerde programmeertalen zoals PHP, JAVA of ASP.NET te leren om met datum- en tijdnotaties te werken. Met behulp van JavaScript en eenvoudige HTML kunt u met een paar regels code de datum en tijd in uw website invoegen.

Stap 1

Open een van uw webpagina's met Kladblok, een HTML-editor of een andere toepassing die platte tekst produceert. Om er zeker van te zijn dat u een kopie van uw onbewerkte sitecode behoudt, moet u het bestand dupliceren voordat u het bewerkt.

Video van de dag

Stap 2

Voeg de volgende code toe na de eerste "" tag in uw HTML:

Dit creëert een leeg "div"-blok.

Stap 3

Voeg de volgende code toe vóór de afsluitende " "-tag in uw HTML:

Deze JavaScript-functie wordt uitgevoerd nadat de pagina is geladen. De variabele "dateTime" bevat de systeemdatum en -tijd. De variabele "formattedDateTime" splitst dateTime op in twee opgemaakte waarden, één voor de datum en één voor de tijd, gescheiden door het teken gedefinieerd in "scheidingsteken". De laatste twee instructies voegen de opgemaakte datum- en tijdreeks toe aan de "div" -tag die is gedefinieerd in het hoofdgedeelte van de HTML-code.

Stap 4

Sla het document op en open het in uw browser. De datum en tijd verschijnen op de locatie waar u de "div"-tag heeft geplaatst. Laad de pagina opnieuw om de waarden te zien veranderen.

Tip

De scheidingstekenvariabele kan elk teken bevatten dat u selecteert. In dit voorbeeld wordt een streepje gebruikt.