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.

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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!