11525 sujets
JavaScript, DOM et API Web HTML5
Salut,
tu n'as pas besoin d'Ajax pour ça, tu dois appeler l'élément dans lequel tu veux inscrire ta date.
Modifié par RhumIsis (04 Jul 2023 - 16:56)
tu n'as pas besoin d'Ajax pour ça, tu dois appeler l'élément dans lequel tu veux inscrire ta date.
const el = document.getElementById('element'); //correspond à l'id de l'élément ou doit s'afficher la date
const date = new Date();
el.innerText = date.getDate() + '-' + date.getMonth() + '-' + date.getFullYear() //attention, les mois pour les date js commence à 0, c'est un tableau, donc Janvier à la position 0 dans le tableau
Modifié par RhumIsis (04 Jul 2023 - 16:56)
Olivier C a écrit :
Votre dernier post montre une incompréhension de la réponse de Niuxe... Si vous voulez la date en "temps réel" il faut bel et bien passer par la solution de RhumIsis.
Je me répète l'heure est figée comme en PHP donc ca ne me sert à rien c'est ca que je voulais dire et vous n'avez pas bien compris.
Merci.
Brusospel
J'avais compris que vous vouliez que le temps puisse s'actualiser constamment sur la page. Ce n'est donc pas ça...
Pour ceux que cette solution intéresserait tout de même : un CodePen.
Le code JS :
Nota bene : j;ai horreur de travailler avec l'objet Date() en javascript, en attendant une remise à niveau prochaine de JS, qui ne devrait plus tarder, j'utilise tout de même ici cet objet pour ne pas charger inutilement une lib'.
Modifié par Olivier C (05 Jul 2023 - 10:04)
Pour ceux que cette solution intéresserait tout de même : un CodePen.
Le code JS :
const el = document.getElementById('el');
const time = el => {
const date = new Date();
const dateFormat = `${('0' + date.getDate()).slice(-2)}/${('0' + Number(date.getMonth() + 1)).slice(-2)}/${date.getFullYear()} ; ${('0' + date.getMinutes()).slice(-2)}:${('0' + date.getSeconds()).slice(-2)}`;
el.innerText = dateFormat;
}
setInterval(() => time(el), 1000);
Nota bene : j;ai horreur de travailler avec l'objet Date() en javascript, en attendant une remise à niveau prochaine de JS, qui ne devrait plus tarder, j'utilise tout de même ici cet objet pour ne pas charger inutilement une lib'.
Modifié par Olivier C (05 Jul 2023 - 10:04)
(c'est un fichier index.php)
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="Author" content="Bruno Proux">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Assemblage de pc, sites web, logos et r?daction web">
<title>Informatico, sites web et logos</title>
<link rel="stylesheet" type="text/css" href="informatico.css">
</head>
<body>
<script type="text/javascript">
const el = document.getElementById('el');
const time = el => {
const date = new Date();
const dateFormat = `${('0' + date.getDate()).slice(-2)}/${('0' + Number(date.getMonth() + 1)).slice(-2)}/${date.getFullYear()} ; ${('0' + date.getMinutes()).slice(-2)}:${('0' + date.getSeconds()).slice(-2)}`;
el.innerText = dateFormat;
}
setInterval(() => time(el), 1000);
</script>
</body>
</html>
Voilà une copie de visual studio code sous windows 11 pro.
Dans Firefox c'est une page blanche donc vierge.
brusospel
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="Author" content="Bruno Proux">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Assemblage de pc, sites web, logos et r?daction web">
<title>Informatico, sites web et logos</title>
<link rel="stylesheet" type="text/css" href="informatico.css">
</head>
<body>
<script type="text/javascript">
const el = document.getElementById('el');
const time = el => {
const date = new Date();
const dateFormat = `${('0' + date.getDate()).slice(-2)}/${('0' + Number(date.getMonth() + 1)).slice(-2)}/${date.getFullYear()} ; ${('0' + date.getMinutes()).slice(-2)}:${('0' + date.getSeconds()).slice(-2)}`;
el.innerText = dateFormat;
}
setInterval(() => time(el), 1000);
</script>
</body>
</html>
Voilà une copie de visual studio code sous windows 11 pro.
Dans Firefox c'est une page blanche donc vierge.
brusospel