html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<title>Functionning clock</title>
</head>
<body>
<div id='box'><div id='clock'></div></div>
<div id='contour'>
<div id='date1' class='date'></div>
<div id='date2' class='date'></div>
<div id='date3'></div>
<div id='date4' class='date'></div>
<div id='date5' class='date'></div>
</div>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
#box {
display:flex;
justify-content: center;
}
#contour {
display:flex;
justify-content:center;
flex-direction:row;
margin-top:100px;
width:166%;
position:relative;
right:33%;
}
#clock {
text-align: center;
box-sizing: border-box;
display:inline-block;
color: black;
font-weight:bold;
border: 2px black solid;
border-radius:5px;
padding:10px;
background-color: white;
width:33%;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
const horloge = document.getElementById("clock");
const contour = document.getElementById('contour');
const idDate1 = document.getElementById('date1');
const idDate2 = document.getElementById('date2');
const idDate3 = document.getElementById('date3');
const idDate4 = document.getElementById('date4');
const idDate5 = document.getElementById('date5');
const idContour = document.getElementById("contour");
function date(){
let date= new Date();
let hours = date.getHours();
let min = date.getMinutes();
let sec = date.getSeconds();
if (hours<10){ hours="0"+hours;}
if (min<10){min= '0'+ min;}
if (sec<10){sec='0'+sec;}
horloge.innerHTML= hours+ " : " + min +' : '+ sec;
}
function jour(){
let semaine = ["Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi"];
let mois = ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'];
const tNowMili = Date.now();
let y = 86400000;
var date1 = new Date(tNowMili-(2*y));
var date2 = new Date(tNowMili-y);
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run