Javascript Coundown Code zeigt nichts an?
Hallo ich möchte mir Folgender Javascript erweiterung erreichen das in meinem Shop die Tage,Std usw angezeigt werden bis bei Bestellung der Versand erfolgt.
Der hier verwendete Code
<!DOCTYPE html>
<html lang="de">
<head>
<title>13 Uhr Timermit Feiertags beachtung</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/js_webseite/jquery.js"></script>
<style>
*{
margin:0;
padding:0;
}
#basti1012{
position:absolute;
bottom:10px;
left:calc(50% - 50px);
text-align:center;
font-size:12px;
color:blue;
width:100px;
}
body {
color: #2c3e50;
background: #ecf0f1;
height:100vh;
text-align:center;
font-size:30px;
font-weight:400;
padding-top:60px;
}
#kucken{
width:500px;
height:500px;
overflow:auto;
position:absolute;
top:200px;
left:calc(50% - 250px);
border:2px solid black;
background:#eeeeee;
z-index:22;
display:none;
}
#kucken span + p{
padding-top:20px;
}
#kucken > span{
height:30px;
width:20px;
font-size:25px;
position:absolute;
top:0;
left:0;
margin:0 10px 10px 0;
padding:2px;
background:red;
color:white;
border:1px solid black;
cursor:pointer;
}
button{
font-size:30px;
padding:30px 0 20px 30px;
font-weight:600;
box-shadow:2px 2px 2px black;
}
h2,h4{
text-decoration:underline;
padding-bottom:12px;
}
h2{
font-weight:900;
margin-bottom:50px;
}
</style>
</head>
<body>
<button id="pop">Offne zeit in Popup</button><br>
<h2>13 Uhr Timer INC Feiertags beachtung( api )</h2>
<div id="demo"></div>
<div id="rinn"></div>
<button title="zeige Feiertage aus NRW" id="zeige">Zeige alle Feiertage</button>
<script>
function check (heute,morgen){
$.ajax({
type: "GET",
url: "https://ipty.de/feiertag/api.php?do=getFeiertage&loc=NW", //originale apii
//url:"https://sebastian1012.bplaced.net/homepagebasti1012/forumscripteseptember2/feiertag.php?d0=BW", // Kopie zum testen für fake feiertage
dataType: 'json',
success: function (data) {
var zsammeln='';
var welchertagheute,welchertagmorgen;
var eins='';
var zwei='';
$(data).each(function (i, rowData) {
$(rowData).each(function (j, cellData) {
fdates=cellData['date'];
// alert(fdates+'\n'+heute)
if(''+fdates+''==''+heute+''){
welchertagheute=cellData['title'];
eins=true;
}
if(fdates==morgen){
welchertagmorgen=cellData['title'];
zwei=true;
}
ftitle=cellData['title'];
zsammeln+="<p>"+cellData['date']+" - "+cellData['title']+"</p>";
});
});
if(eins==true && zwei==true){
weiter(3,welchertagheute,welchertagmorgen);
}else if(zwei==true){
weiter(2,'',welchertagmorgen);
}else if(eins==true){
weiter(1,welchertagheute,'');
}else{
weiter(0,'','');
}
// return {"heutefeiertag":heutefeiertag,"morgenfeiertag":morgenfeiertag,welchertagheute:welchertagheute,welchertagmorgen:welchertagmorgen};
document.getElementById('rinn').innerHTML='<div id="kucken"><span title="Popup schließen" id="close">X</span><h4>Inclusive Fake Tage</h4>'+zsammeln+'</div>';
kill=document.getElementById('close');
kill.addEventListener("click", function(){
kill.parentElement.style.display='none';
})
}
});
}
mon=new Date().getMonth()+1;
day=new Date().getDate();
year=new Date().getFullYear();
var Stop = 31;
Jahr=new Date().getFullYear();
Monat=mon;
if (Monat == 4 || Monat == 6 || Monat == 9 || Monat == 11) --Stop;
if (Monat == 2) {
Stop = Stop-3;
if (Jahr % 4 == 0) Stop++;
if (Jahr % 100 == 0) Stop--;
if (Jahr % 400 == 0) Stop++;
}
if(day==Stop){
mon1=new Date().getMonth()+2;
day1=1;
}else{
mon1=new Date().getMonth()+1;
day1=new Date().getDate()+1;
}
if(day<=10){
day='0'+day;
}
if(mon<10){
mon='0'+mon;
}
if(day1<=10){
day1='0'+day1;
}
if(mon1<10){
mon1='0'+mon1;
}
heute=day+'.'+mon+'.'+year;
morgen=day1+'.'+mon1+'.'+year;
check(heute,morgen);
function weiter(a,welchertagheute,welchertagmorgen){
//alert(a+' Feiertage '+welchertagheute+' und '+welchertagmorgen+'')
if(a==3){
erg='Heute ( '+welchertagheute+') und Morgen ( '+welchertagmorgen+') sind Feiertage<br>Versand in 2 Tage und';
}else if(a==2){
erg ='Morgen ist Feiertag ( '+welchertagmorgen+')<br>Versand in 2 Tage und';
}else if(a==1){
erg='Heute ist Feiertag ( '+welchertagheute+')<br>Versand in 1 Tage und';
}else if(a==0){
erg='Versand in ';
}else{
erg='error irgendwas';
return false;
}
tage=['Sonntag','Montag','Dienstag','Mittwocch','Donnerstag','Freitag','Samstag'];
s = '13:00:00';
e = '13:00:00';
var now = new Date();
heutewochentag=tage[now.getUTCDay()];
if(heutewochentag=='Freitag' && a==2 || a==3 ){
erg='Wegen den Feiertag('+welchertagmorgen+') morgen, <br>ist der Versand erst am Montag<br> und ';
}
if(heutewochentag=='Samstag'){
erg='Es Ist Wochenende<br>Der Versand ist Ãœbermorgen ( Montag ) und<br>'
}
s = now.toDateString()+" "+s,
s = Date.parse(s);
var nextHour = (now.getTime() >= e && now.getTime() < e)?e:(s+86400000);
now = now.getTime();
var cd = setInterval(function(){
var nextHour = s+86400000;
var dcount = getCD(nextHour);
document.getElementById('demo').innerHTML=erg+' '+dcount.h+':'+dcount.m+':'+dcount.s+' Stunden';
now += 1000;
},1000);
document.getElementById('pop').addEventListener('click',function(){
var myWindow = window.open("", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
inhalt=document.getElementById('demo').innerHTML;
myWindow.document.write("<h1>Popup Timer</h1><p>"+inhalt+"<br></p>");
});
function getCD(x){
var a = new Date();
if(x - a >= 0){
var dDelta = x - a,
d = Math.floor(dDelta/(86400000)),
h = Math.floor((dDelta - d*86400000)/3600000),
m = Math.floor((dDelta - d*86400000 - h*3600000)/60000),
s = Math.floor((dDelta - d*86400000 - h*3600000 - m*60000)/1000);
return {"d": d,"h": h,"m": m,"s": s};
}else {
return false;
}
}
}
document.getElementById('zeige').addEventListener('click',function(){
document.getElementById('kucken').style.display='block';
})
</script>
</body>
</html>