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.
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>