Html/Javascript Digital Uhr mit Datum und Alarmfunktion an bestimmten Tagen und Uhrzeiten

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

basti1012

Senior HTML'ler
26 November 2017
1.348
136
63
39
Minden
sebastian1012.bplaced.net
Ich benutze da gar kein Jquery.
Das du Jquery eingebunden hast sollte aber trotzdem kein problem sein.
Hast du einen Link zur Seite von dir ?
Oder poste mal deinen ganzen Code von <html> bis </html>
 

RXBeat

Mitglied
9 März 2019
123
0
16
42
Eigentlich ist da nichts zu Zeigen, das ist dein code :) Wenn ich dies als html speicher und öffne, funktionier der alarmsound nicht. Kopiere ich dies jedoch in codepen. Funktioniert es.
Außer codepen hab ich aber noch nichts gefunden wo es auch funktioniert :)
Ach ja, ich hab unten folgendes geändert "window.open(zeiten[d - 1][2], 'Alarm',);" in der hoffnung das einfach ein neuer tab aufgeht aber gilt ein neuer tab so auch als popup und wird geblockt?



<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Test</title>

</head>


<body>

<div id="clock" class="clock"></div>
<div id="weckzeiten"></div>



<script>

var time, alarm, currentH, currentM,
activeAlarm = true,
sound = new Audio("https://freesound.org/data/previews/316/316847_4939433-lq.mp3");
c = document.getElementById('clock');
var tage = ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'];
var zeiten = [
['0', '14:00:00', 'https://blablabla.com'],
['0', '14:00:00', 'https://blablabla.com'],
['1', '14:00:00', 'https://blablabla.com'],
['1', '14:00:00', 'https://blablabla.com'],
['2', '14:00:00', 'https://blablabla.com'],
['2', '14:00:00', 'https://blablabla.com'],
['3', '14:00:00', 'https://blablabla.com'],
['3', '14:00:00', 'https://blablabla.com'],
['4', '19:47:10', 'https://blablabla.com'],
['4', '14:00:00', 'https://blablabla.com'],
['5', '14:00:00', 'https://blablabla.com'],
['5', '14:00:00', 'https://blablabla.com'],
['6', '14:00:00', 'https://blablabla.com'],
['6', '14:00:00', 'https://blablabla.com'],
];

times = document.getElementById('weckzeiten');
for (h = 0; h < zeiten.length; h++) {
times.innerHTML += '<div><span>' + tage[zeiten[h][0]] + '</span><span> ' + zeiten[h][1] + '</span></div>';
}

sound.loop = false;


function displayTime() {
var now = new Date();
time = now.toLocaleTimeString();
c.textContent = time;
for (d = 1; d <= zeiten.length; d++) {
if (zeiten[d - 1][1] === time) {
var dt = new Date();
console.log(zeiten[d - 1][0] + '=' + dt.getDay())
if (zeiten[d - 1][0] == dt.getDay()) {
sound.play();
window.open(zeiten[d - 1][2], 'Alarm',);

}
}
}
setTimeout(displayTime, 1000);
}
displayTime();


</script>

</body>
</html>
 

basti1012

Senior HTML'ler
26 November 2017
1.348
136
63
39
Minden
sebastian1012.bplaced.net
Teste mal JQuery mit HTTPS und mal ohne das s (http) einzubinden.
Der Code läuft eigentlich ohne Probleme, auch wenn JQuery eingebunden ist.
Es gibt da eigentlich keine Funktion oder Variablen die von JQuery benutzt werden.
Ein Link zur deiner Seite wäre einfacher bei der Fehler suche.
Was für Fehler und Infos stehen den in der Console ?
 
Werbung:

Neueste Beiträge