ubdate

tab/home.php

@@ -1,3 +1,21 @@
+<div id="kerzen">
+    <img id="kerze1"
+    src="src/images/Kerze.png"
+    >
+    <img id="kerze2"
+    src="src/images/Kerze.png"
+    >
+    <img id="kerze3"
+    src="src/images/Kerze.png"
+    >
+    <img id=kerze4
+    src="src/images/Kerze.png"
+    >
+</div>
+
+
+
+
 <div class="TimeContainer">
     <div id="clockdiv">
         <div>
@@ -12,10 +30,10 @@
             <span class="countdownNummer" id="minute"></span>
             <div class="smalltext">Minuten</div>
         </div>
-        <div>
+        <!--div>
             <span class="countdownNummer" id="second"></span>
             <div class="smalltext">Sekunden</div>
-        </div>
+        </div-->
     </div>
     <br />
     <div id="messagebox">
@@ -34,12 +52,38 @@
 
     ?>
 
+    function getNow() {
+        <?php
+            if(isset($_GET["debug"])) {
+                echo('return new Date("'.$_GET["debug"].'");');
+            } else {
+                echo("return new Date();");
+            }
+        ?>
+    }
+
     console.log(images);
-    var deadline = new Date("Nov28, 2021 00:00").getTime();
+    var deadline = new Date("Dec1, 2021 00:00").getTime();
+    var advent1 = new Date("2021-11-28");
+    var advent2 = new Date("2021-12-05");
+    var advent3 = new Date("2021-12-12");
+    var advent4 = new Date("2021-12-19");
+    if(advent1.getTime()<=getNow().getTime()) {
+        $("#kerze1").show();
+    }
+    if(advent2.getTime()<=getNow().getTime()) {
+        $("#kerze2").show();
+    }
+    if(advent3.getTime()<=getNow().getTime()) {
+        $("#kerze3").show();
+    }
+    if(advent4.getTime()<=getNow().getTime()) {
+        $("#kerze4").show();
+    }
 
     var x = setInterval(function() {
 
-        var now = new Date().getTime();
+        var now = getNow().getTime();
         var t = deadline - now;
         var days = Math.floor(t / (1000 * 60 * 60 * 24));
         var hours = Math.floor((t % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));