premier jet d'un décompte auto-maj en js.

This commit is contained in:
thaaoblues 2023-04-20 20:33:46 +02:00
parent eaada1049e
commit b16d9e7f54
4 changed files with 92 additions and 31 deletions

View file

@ -1,19 +0,0 @@
<?php
// va calculer le delta entre la date du jour et la date de la semaine d'accueil
// pour la convertir en jours et la mettre dans un décompte
$date1 = time();
$date2 = strtotime("2023-09-12 00:00:00");
//$delta_date = $date1->diff($date2);
$delta_seconds = $date2-$date1;
// on utilise intdiv à la place de l'operateur / pour ne pas obtenir un float
$delta_days = intdiv($delta_seconds,(60*60*24));
$delta_hours = intdiv($delta_seconds % (60*60*24),60*60);
$delta_minutes = intdiv($delta_seconds % (60*60),60);
$delta_seconds = ($delta_seconds % (60));
?>

View file

@ -1,13 +1,62 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<main> <main>
<script>
/*
Script du decompte avant la semaine d'accueil.
*/
// avis aux futurs devs, changez la date ici :)
var target_date = Math.floor(Date.parse("15-Sep-2023 00:00:00") /1000)
function set_timer(){
// recupere la date actuelle
var date_now = Math.floor(Date.now() / 1000);
// savants calculs à base de division de timestamps UNIX en secondes
var delta_seconds = target_date-date_now;
var delta_days = Math.floor(delta_seconds/(60*60*24));
var delta_hours = Math.floor((delta_seconds % (60*60*24)) /(60*60));
var delta_minutes = Math.floor((delta_seconds % (60*60))/60);
delta_seconds = delta_seconds % 60;
// on met tout dans le div du decompte
document.getElementById("decompte").innerText = "J - "
+delta_days+"j "
+delta_hours+"h "
+delta_minutes+"min "
+delta_seconds+"s";
// récursion chaque seconde
setTimeout(set_timer, 1000);
}
// assigne la fonction qui gère le timer au chargement de la page
window.onload = set_timer;
</script>
<div id="msg_acc"> <div id="msg_acc">
<p> <p>
Page en construction, revenez plus tard (c'est pas la faute des devs) /!\ Page en construction, revenez plus tard /!\<br>
(Taper un dev ne le fera pas aller plus vite...sauf s'il est soudoyé)
</p> </p>
<div id="decompte">
</div>
</div> </div>
</main> </main>
<?php <?php
$infopage = ["", "En construction", ob_get_clean(), "", "index","Page en Construction"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6 $infopage = ["", "En construction", ob_get_clean(), "", "index","Page en Construction"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6

View file

@ -9,17 +9,50 @@ include "assets/scripts/decompte.php";
<main> <main>
<script>
/*
Script du decompte avant la semaine d'accueil.
*/
// avis aux futurs devs, changez la date ici :)
var target_date = Math.floor(Date.parse("15-Sep-2023 00:00:00") /1000)
function set_timer(){
// recupere la date actuelle
var date_now = Math.floor(Date.now() / 1000);
// savants calculs à base de division de timestamps UNIX en secondes
var delta_seconds = target_date-date_now;
var delta_days = Math.floor(delta_seconds/(60*60*24));
var delta_hours = Math.floor((delta_seconds % (60*60*24)) /(60*60));
var delta_minutes = Math.floor((delta_seconds % (60*60))/60);
delta_seconds = delta_seconds % 60;
// on met tout dans le div du decompte
document.getElementById("decompte").innerText = "J - "
+delta_days+"j "
+delta_hours+"h "
+delta_minutes+"min "
+delta_seconds+"s";
// récursion chaque seconde
setTimeout(set_timer, 1000);
}
// assigne la fonction qui gère le timer au chargement de la page
window.onload = set_timer;
</script>
<div id="decompte"> <div id="decompte">
<?php
if(($delta_days+$delta_hours+$delta_minutes+$delta_seconds)==0){
echo "<div id=\"fin_timer_egg\"><div>";
}
echo "J - ".$delta_days."j ".$delta_hours."h ".$delta_minutes."min ".$delta_seconds."s";
?>
</div> </div>

View file

@ -32,7 +32,5 @@ Copyright © 2023 - Tous droits réservés
setTimeout(sup_gif,3900); setTimeout(sup_gif,3900);
} }
window.onload = main;
</script> </script>