forked from rebillar/site-accueil-insa
premier jet d'un décompte auto-maj en js.
This commit is contained in:
parent
eaada1049e
commit
b16d9e7f54
4 changed files with 92 additions and 31 deletions
|
@ -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));
|
||||
|
||||
?>
|
|
@ -1,13 +1,62 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
|
||||
|
||||
?>
|
||||
<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">
|
||||
<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>
|
||||
<div id="decompte">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
<?php
|
||||
$infopage = ["", "En construction", ob_get_clean(), "", "index","Page en Construction"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
|
||||
|
|
51
index.php
51
index.php
|
@ -9,17 +9,50 @@ include "assets/scripts/decompte.php";
|
|||
<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">
|
||||
|
||||
<?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>
|
||||
|
||||
|
||||
|
|
|
@ -32,7 +32,5 @@ Copyright © 2023 - Tous droits réservés
|
|||
setTimeout(sup_gif,3900);
|
||||
}
|
||||
|
||||
window.onload = main;
|
||||
|
||||
|
||||
</script>
|
Loading…
Reference in a new issue