Afficher simplement l'heure sur son site web avec JavaScript - Simply display the time on your website with JavaScript

Publié le 22 nov. 2016.

[EN] I offer you a very simple JavaScript script to simply display the time on your website. You will simply need to create an element with a class="hour". [FR] Je vous propose un script en javascript très simple pour afficher l'heure simplement sur votre site web. Il vous faudra simplement créer un élément avec une classe="hour".

// create a html element like :
< p >The time is : < span class="hour" >< /span >< /p >

/** 
 * function get_hour()
 * @return html
 */
function get_hour(){

    let Today = new Date();

    let hour = Today.getHours();
    hour = ( hour < 10 ) ? '0'+hour : hour;

    let minutes = Today.getMinutes();
    minutes = ( minutes < 10 ) ? '0'+minutes : minutes;

    document.querySelector('.hour').innerHTML = hour+':'+minutes;
}
/** 
 * end function get_hour()
 */


/** 
 * Launch the function after load the page
 */
window.onload = function() {

    window.setInterval("get_hour()", 1000);
};