Jean-Marc/cram-naej.github.io
1
0
Fork 0
mirror of https://github.com/cram-naej/cram-naej.github.io.git synced 2026-06-01 10:52:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

modifier a gpt

Browse Source
This commit is contained in:
cram-naej
2025-12-28 21:11:18 +01:00
committed by GitHub
parent 2cc003b7c3
commit 75631282a4
1 changed files with 69 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
Marius/index.html
View File

@@ -1,81 +1,91 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Calcul de durée</title> <title>Calcul de durée</title>
<style> <style>
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background: #f5f5f5; background: #f5f5f5;
padding: 20px; padding: 20px;
} }
.box { .box {
background: white; background: white;
padding: 15px; padding: 15px;
margin-bottom: 15px; margin-bottom: 15px;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-shadow: 0 2px 5px rgba(0,0,0,0.1);
} }
</style> .anniversaire {
color: #e74c3c;
}
.evenement {
color: #3498db;
}
</style>
</head> </head>
<body> <body>
<h1>Différence de dates</h1> <h1>Différence de dates</h1>
<div class="box" id="marius"></div> <div class="box anniversaire" id="marius"></div>
<div class="box" id="ana"></div> <div class="box evenement" id="rencontre"></div>
<div class="box" id="jean-marc"></div> <div class="box anniversaire" id="jean-marc"></div>
<div class="box" id="anais"></div> <div class="box anniversaire" id="anais"></div>
<script> <script>
function afficherDifference(dateCible, nom, elementId) { function afficherDifference(dateCible, nom, elementId, type) {
const maintenant = new Date(); const maintenant = new Date();
let deltaMs = dateCible - maintenant; let deltaMs = dateCible - maintenant;
let sens = "Il reste"; let sens = "Il reste";
let emoji = "🎂";
if (deltaMs < 0) { if (type === "evenement") {
deltaMs = maintenant - dateCible; emoji = "💖";
sens = "Il y a"; }
}
const secondesTotales = Math.floor(deltaMs / 1000); if (deltaMs < 0) {
deltaMs = maintenant - dateCible;
sens = "Il y a";
}
const jours = Math.floor(secondesTotales / 86400); const secondesTotales = Math.floor(deltaMs / 1000);
const heures = Math.floor((secondesTotales % 86400) / 3600); const jours = Math.floor(secondesTotales / 86400);
const minutes = Math.floor((secondesTotales % 3600) / 60); const heures = Math.floor((secondesTotales % 86400) / 3600);
const secondes = secondesTotales % 60; const minutes = Math.floor((secondesTotales % 3600) / 60);
const secondes = secondesTotales % 60;
const moisEnviron = Math.floor(jours / 30); // Calcul des mois et années approximatifs
const anneesEnviron = (moisEnviron / 12).toFixed(2); const moisEnviron = jours > 0 ? Math.floor(jours / 30) : 0;
const anneesEnviron = moisEnviron > 0 ? (moisEnviron / 12).toFixed(2) : 0;
document.getElementById(elementId).innerHTML = ` document.getElementById(elementId).innerHTML = `
<strong>${nom}</strong><br> <strong>${emoji} ${nom}</strong><br>
${sens} ${jours} jours, ${heures} heures, ${sens} ${jours} jours, ${heures} heures,
${minutes} minutes et ${secondes} secondes<br> ${minutes} minutes et ${secondes} secondes<br>
(≈ ${moisEnviron} mois, ≈ ${anneesEnviron} ans) (≈ ${moisEnviron} mois, ≈ ${anneesEnviron} ans)
`; `;
} }
const dateMarius = new Date("2025-07-20T19:21:00"); const dateAnniversaireMarius = new Date("2025-07-20T19:21:00");
const dateAna = new Date("2018-10-29T21:56:00"); const dateAnniversaireDeRencontre = new Date("2018-10-29T21:56:00");
const dateAnniversaireJeanMarc = new Date("1991-07-20T12:50:00"); const dateAnniversaireJeanMarc = new Date("1991-07-20T12:50:00");
const dateAnniversaireAnais = new Date("1983-06-06T7:45:00"); const dateAnniversaireAnais = new Date("1983-06-06T07:45:00");
function mettreAJour() { function mettreAJour() {
afficherDifference(dateMarius, "Anniversaire Marius", "marius"); afficherDifference(dateAnniversaireMarius, "Anniversaire Marius", "marius", "anniversaire");
afficherDifference(dateAna, "Ana", "ana"); afficherDifference(dateAnniversaireDeRencontre, "Anniversaire de rencontre", "rencontre", "evenement");
afficherDifference(dateAnniversaireJeanMarc, "Anniversaire Jean-Marc", "jean-marc"); afficherDifference(dateAnniversaireJeanMarc, "Anniversaire Jean-Marc", "jean-marc", "anniversaire");
afficherDifference(dateAnniversaireAnais, "Anniversaire Anaïs", "anais"); afficherDifference(dateAnniversaireAnais, "Anniversaire Anaïs", "anais", "anniversaire");
}
} // Mise à jour immédiate
mettreAJour();
// Mise à jour immédiate // Mise à jour chaque seconde
mettreAJour(); setInterval(mettreAJour, 1000);
// Mise à jour chaque seconde
setInterval(mettreAJour, 1000);
</script> </script>
</body> </body>
</html> </html>