diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..88ef4f6d4 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,49 @@ -function setAlarm() {} +const textArea = document.querySelector("#alarmSet"); +const timeRemaining = document.querySelector("#timeValue"); +const startButton = document.querySelector("#set"); +let isAudioPlay = false; +let intervalId = null; + +textArea.addEventListener('input', function () { + const value = textArea.value; + timeRemaining.innerHTML = value; +}); + +function setAlarm() { + let firstReminder = +timeRemaining.innerHTML * 1000; + + if (intervalId) { + clearInterval(intervalId); + } + + intervalId = setInterval(() => { + firstReminder -= 100; + + if (firstReminder <= 0) { + clearInterval(intervalId); + intervalId = null; + timeRemaining.innerHTML = 0; + if (!isAudioPlay) { + playAlarm(); + isAudioPlay = true; + } + } else { + + timeRemaining.innerHTML = (firstReminder / 1000).toFixed(1); + } + }, 100); +} + +function pauseAlarm() { + audio.pause(); + audio.currentTime = 0; + isAudioPlay = false; + + if (intervalId) { + clearInterval(intervalId); + intervalId = null; + } +} // DO NOT EDIT BELOW HERE @@ -6,6 +51,7 @@ var audio = new Audio("alarmsound.mp3"); function setup() { document.getElementById("set").addEventListener("click", () => { + console.log("1") setAlarm(); }); @@ -18,8 +64,8 @@ function playAlarm() { audio.play(); } -function pauseAlarm() { - audio.pause(); -} +// function pauseAlarm() { +// audio.pause(); +// } window.onload = setup; diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..3a1a30fbe 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -8,7 +8,7 @@
-

Time Remaining: 00:00

+

Time Remaining:

00:00

diff --git a/Sprint-3/alarmclock/indextime.html b/Sprint-3/alarmclock/indextime.html new file mode 100644 index 000000000..1b6f91ab8 --- /dev/null +++ b/Sprint-3/alarmclock/indextime.html @@ -0,0 +1,20 @@ + + + + + + + Title here + + +
+

Time Remaining:

00:00

+ + + + + +
+ + + \ No newline at end of file diff --git a/Sprint-3/alarmclock/test.js b/Sprint-3/alarmclock/test.js new file mode 100644 index 000000000..374cb7034 --- /dev/null +++ b/Sprint-3/alarmclock/test.js @@ -0,0 +1,29 @@ +// const endDate = new Date("2025-03-12T03:25:00") + +// console.log (endDate) +// function countDoun (){ +// let now = new Date() +// console.log (now) +// if (now.getTime() < endDate.getTime()){ +// //loop +// setInterval(() => { +// now = new Date() +// let timeRemide = endDate - now + +// console.log (new Date (timeRemide)) +// console.log (new Date(now.getTime() + timeRemide * 24 * 60 * 60 * 1000)) +// console.log (new Date(daysRemaining * 24 * 60 * 60 * 1000)); +// }, 1000); + +// } +// else { +// console.log("finish") +// } +// } +// countDoun () + + +// //new Date(now.getTime() + daysRemaining * 24 * 60 * 60 * 1000); + + +// //new Date(daysRemaining * 24 * 60 * 60 * 1000); \ No newline at end of file