Countdown<\/title>\n <style>\n #countdown {\n font-size: 24px;\n color: green;\n text-align: center;\n margin-top: 1px;\n }\n #second-countdown {\n font-size: 24px; \/* Schriftgr\u00f6\u00dfe festgelegt *\/\n color: yellow;\n text-align: center;\n margin-top: 10px;\n display: none; \/* Versteckt den zweiten Countdown bis er startet *\/\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"countdown\"><\/div>\n <div id=\"second-countdown\"><\/div> \n\n <script>\n \/\/ Das Datum und die Uhrzeit, bis zu denen der Countdown herunterz\u00e4hlt werden soll\n var countDownDate = new Date(\"september 20, 2024 17:00:00\").getTime();\n\n \/\/ Das feste Datum und die Uhrzeit f\u00fcr den zweiten Countdown\n var secondCountDownDate = new Date(\"september 20, 2024 20:00:00\").getTime(); \/\/ Beispiel: 18:00 Uhr am selben Tag\n\n \/\/ Funktion zum Aktualisieren des Countdowns\n function updateCountdown() {\n var now = new Date().getTime();\n var distance = countDownDate - now;\n\n \/\/ Berechne die Tage, Stunden, Minuten und Sekunden bis zum Zielzeitpunkt\n var days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n var minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n var seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n \/\/ Gib das Ergebnis aus\n var countdownElement = document.getElementById(\"countdown\");\n countdownElement.innerHTML = \" Live auf Twitch in : \" + days + \" Tagen \" + hours + \" Stunden \" + minutes + \" Minuten, \" + seconds + \" Sekunden\";\n\n \/\/ Wenn das Datum erreicht ist, zeige \"Ziel erreicht\" an\n if (distance < 0) {\n clearInterval(interval);\n startSecondCountdown();\n }\n }\n\n \/\/ Funktion zum Starten und Aktualisieren des zweiten Countdowns\n function startSecondCountdown() {\n document.getElementById(\"countdown\").style.display = \"none\";\n var secondCountdownElement = document.getElementById(\"second-countdown\");\n secondCountdownElement.style.display = \"block\";\n secondCountdownElement.style.color = \"yellow\"; \/\/ Farbe Gelb f\u00fcr den zweiten Countdown\n\n function updateSecondCountdown() {\n var now = new Date().getTime();\n var distance = secondCountDownDate - now;\n\n \/\/ Berechne Stunden, Minuten und Sekunden\n var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n var minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n var seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n \/\/ Gib das Ergebnis aus\n secondCountdownElement.innerHTML = \"Stream l\u00e4uft noch: \" + hours + \" Stunden \" + minutes + \" Minuten \" + seconds + \" Sekunden\";\n\n \/\/ Wenn die Zeit abgelaufen ist, zeige \"Stream beendet\" an\n if (distance < 0) {\n clearInterval(secondInterval);\n secondCountdownElement.innerHTML = \"Stream beendet\";\n secondCountdownElement.style.color = \"red\"; \/\/ Farbe Rot f\u00fcr \"Stream beendet\"\n }\n }\n\n var secondInterval = setInterval(updateSecondCountdown, 1000);\n }\n\n \/\/ Aktualisiere den ersten Countdown alle 1 Sekunde\n var interval = setInterval(updateCountdown, 1000);\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"720\" class=\"wp-block-cover__image-background wp-image-330\" alt=\"\" src=\"https:\/\/dj-tzacke.simtin.de\/wp-content\/uploads\/2024\/09\/proxy-image.gif\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\">Nun kann es endlich weitergehen.<br>Ich lege wieder aus verschiedenen Bereichen der elektronischen Musik auf:<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-right has-large-font-size wp-block-paragraph\"><strong>Acid Techno<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right has-large-font-size wp-block-paragraph\"><strong>Tech House<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right has-large-font-size wp-block-paragraph\"><strong>Melodic Techno<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right has-large-font-size wp-block-paragraph\"><strong>Hard Techno<\/strong><\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Countdown<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-329","post","type-post","status-publish","format-standard","hentry","category-streamankuendigung"],"_links":{"self":[{"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/posts\/329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=329"}],"version-history":[{"count":2,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/posts\/329\/revisions"}],"predecessor-version":[{"id":332,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/posts\/329\/revisions\/332"}],"wp:attachment":[{"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":329,"date":"2024-09-19T14:40:32","date_gmt":"2024-09-19T12:40:32","guid":{"rendered":"https:\/\/dj-tzacke.simtin.de\/?p=329"},"modified":"2024-09-19T14:46:07","modified_gmt":"2024-09-19T12:46:07","slug":"nach-langer-abstinenz-wieder-da-morgen-von-1700-uhr-bis-2000-uhr","status":"publish","type":"post","link":"https:\/\/dj-tzacke.simtin.de\/?p=329","title":{"rendered":"Nach langer Abstinenz wieder da. Morgen von 17:00 Uhr bis 20:00 Uhr"},"content":{"rendered":"\n\n\n\n \n Countdown<\/title>\n <style>\n #countdown {\n font-size: 24px;\n color: green;\n text-align: center;\n margin-top: 1px;\n }\n #second-countdown {\n font-size: 24px; \/* Schriftgr\u00f6\u00dfe festgelegt *\/\n color: yellow;\n text-align: center;\n margin-top: 10px;\n display: none; \/* Versteckt den zweiten Countdown bis er startet *\/\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"countdown\"><\/div>\n <div id=\"second-countdown\"><\/div> \n\n <script>\n \/\/ Das Datum und die Uhrzeit, bis zu denen der Countdown herunterz\u00e4hlt werden soll\n var countDownDate = new Date(\"september 20, 2024 17:00:00\").getTime();\n\n \/\/ Das feste Datum und die Uhrzeit f\u00fcr den zweiten Countdown\n var secondCountDownDate = new Date(\"september 20, 2024 20:00:00\").getTime(); \/\/ Beispiel: 18:00 Uhr am selben Tag\n\n \/\/ Funktion zum Aktualisieren des Countdowns\n function updateCountdown() {\n var now = new Date().getTime();\n var distance = countDownDate - now;\n\n \/\/ Berechne die Tage, Stunden, Minuten und Sekunden bis zum Zielzeitpunkt\n var days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n var minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n var seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n \/\/ Gib das Ergebnis aus\n var countdownElement = document.getElementById(\"countdown\");\n countdownElement.innerHTML = \" Live auf Twitch in : \" + days + \" Tagen \" + hours + \" Stunden \" + minutes + \" Minuten, \" + seconds + \" Sekunden\";\n\n \/\/ Wenn das Datum erreicht ist, zeige \"Ziel erreicht\" an\n if (distance < 0) {\n clearInterval(interval);\n startSecondCountdown();\n }\n }\n\n \/\/ Funktion zum Starten und Aktualisieren des zweiten Countdowns\n function startSecondCountdown() {\n document.getElementById(\"countdown\").style.display = \"none\";\n var secondCountdownElement = document.getElementById(\"second-countdown\");\n secondCountdownElement.style.display = \"block\";\n secondCountdownElement.style.color = \"yellow\"; \/\/ Farbe Gelb f\u00fcr den zweiten Countdown\n\n function updateSecondCountdown() {\n var now = new Date().getTime();\n var distance = secondCountDownDate - now;\n\n \/\/ Berechne Stunden, Minuten und Sekunden\n var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n var minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n var seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n \/\/ Gib das Ergebnis aus\n secondCountdownElement.innerHTML = \"Stream l\u00e4uft noch: \" + hours + \" Stunden \" + minutes + \" Minuten \" + seconds + \" Sekunden\";\n\n \/\/ Wenn die Zeit abgelaufen ist, zeige \"Stream beendet\" an\n if (distance < 0) {\n clearInterval(secondInterval);\n secondCountdownElement.innerHTML = \"Stream beendet\";\n secondCountdownElement.style.color = \"red\"; \/\/ Farbe Rot f\u00fcr \"Stream beendet\"\n }\n }\n\n var secondInterval = setInterval(updateSecondCountdown, 1000);\n }\n\n \/\/ Aktualisiere den ersten Countdown alle 1 Sekunde\n var interval = setInterval(updateCountdown, 1000);\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"720\" class=\"wp-block-cover__image-background wp-image-330\" alt=\"\" src=\"https:\/\/dj-tzacke.simtin.de\/wp-content\/uploads\/2024\/09\/proxy-image.gif\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\">Nun kann es endlich weitergehen.<br>Ich lege wieder aus verschiedenen Bereichen der elektronischen Musik auf:<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-right has-large-font-size wp-block-paragraph\"><strong>Acid Techno<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right has-large-font-size wp-block-paragraph\"><strong>Tech House<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right has-large-font-size wp-block-paragraph\"><strong>Melodic Techno<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right has-large-font-size wp-block-paragraph\"><strong>Hard Techno<\/strong><\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Countdown<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-329","post","type-post","status-publish","format-standard","hentry","category-streamankuendigung"],"_links":{"self":[{"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/posts\/329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=329"}],"version-history":[{"count":2,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/posts\/329\/revisions"}],"predecessor-version":[{"id":332,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=\/wp\/v2\/posts\/329\/revisions\/332"}],"wp:attachment":[{"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dj-tzacke.simtin.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}