Html/Javascript Digital Uhr mit Datum und Alarmfunktion an festen Tagen und Uhrzeiten
Mein Wunsch ist es, das auf einer Webseite oben rechts die Uhrzeit, darunter das Datum angezeigt wird.
Das ist jetzt nicht so wild, dafür gibt es genug fertige Samples die man übernehmen kann.
Mein Wunsch ist es aber das an bestimmten Tagen wie z.B. Donnerstag um 21 Uhr ein Pop-up-Fenster aufgeht. Am besten ein komplett neues Fenster.
Soll einfach ganz frech aufgehen.
Also Donnerstag um 21 Uhr soll gestartet werden
Wisst ihr wonach ich da suchen müsste, um an sowas ran zu kommen. HTML clock with Alarm Funktion ist irgendwie nicht das wonach ich suche.
Javascript clock with Kalender Funktion gibt auch nicht das, was ich brauche. Mit den richtigen Begriffen könnte ich mich da rein fuchsen.
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<style>
body {
height: 100%;
overflow:hidden;
padding:0 20%;
max-width:500px;
background: #333;
text-align: center;
}
#weckzeiten{
display:flex;
color:white;
width:300px;
flex-direction:column;
}
#weckzeiten div{
display:flex;
}
#weckzeiten span{
width:145px;
display:block;
}
div *{
flex:1;
}
h1 {
font-size: 4em;
color: #fff;
}
</style>
<h1 id="clock" class="clock"></h1>
<div id="weckzeiten">
</div>
</div>
<script>
const times=document.getElementById('weckzeiten');
const c=document.getElementById('clock');
var tage=['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'];
var zeiten=[['2','16:25:40','http://goggle.de'],['4','22:30:00','http://goggle.de'],['5','14:00:00','http://goggle.de'],['5','22:30:00','http://goggle.de'],['6','14:00:00','http://goggle.de'],['6','23:30:56','http://goggle.de']];
for(h=0;h<zeiten.length;h++){
times.innerHTML+='<div><span>'+tage[zeiten[h][0]]+'</span><span> '+zeiten[h][1]+'</span></div>';
}
function displayTime() {
var now = new Date();
time = now.toLocaleTimeString();
c.textContent = time;
for(d2=1;d2<=zeiten.length;d2++){
if (zeiten[d2-1][1] === time) {
var dt =new Date();
if(zeiten[d2-1][0]==dt.getDay()){
window.open(zeiten[d2-1][2], "width=1276,height=813");
}
}
}
setTimeout(displayTime, 1000);
}
displayTime();
</script>