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
|
<?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
|
||||||
|
|
51
index.php
51
index.php
|
@ -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>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -32,7 +32,5 @@ Copyright © 2023 - Tous droits réservés
|
||||||
setTimeout(sup_gif,3900);
|
setTimeout(sup_gif,3900);
|
||||||
}
|
}
|
||||||
|
|
||||||
window.onload = main;
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
Loading…
Reference in a new issue