Scripts et Programmation

HTML + JS + CSS : Afficher l'heure sur une page HTML

Table des matières

Introduction
Le code

Introduction

Ici, vous trouverez les 3 bouts de code (HTML + JS + CSS) de mon widget sur Twitch permettant d'afficher l'heure

Le code

Code HTML :

<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<div id="time"></div>

Code CSS :

#time {
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-shadow:
   -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

Code JAVASCRIPT :

function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  m = checkTime(m);
  document.getElementById('time').innerHTML =
  "Local Time : "+h + ":" + m;
  var t = setTimeout(startTime, 500);
}
function checkTime(i) {
  if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
  return i;
}
 
startTime();