added audio file

desaisoham0 · Mar 20, 2024 · 26a34e5 · 26a34e5
1 parent e46a1c1
commit 26a34e5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
+    <audio id="alarm-sound" src="mixkit-alarm-tone-996.wav" preload="auto"></audio>
     <div id="instructions">
         <p>Set work and break durations. Use the controls to manage your sessions. Time tracked is displayed below.</p>
     </div>

diff --git a/mixkit-alarm-tone-996.wav b/mixkit-alarm-tone-996.wav
diff --git a/script.js b/script.js
@@ -19,6 +19,7 @@ const workTimeTracked = document.getElementById('work-time-tracked');
 const breakTimeTracked = document.getElementById('break-time-tracked');
 const workTab = document.getElementById('work-tab');
 const breakTab = document.getElementById('break-tab');
+const alarmSound = document.getElementById('alarm-sound');
 
 function updateDisplay(timeInSeconds) {
     const minutes = Math.floor(timeInSeconds / 60);
@@ -84,6 +85,8 @@ function startTimer() {
             updateTimeTracking();
             switchMode(mode === 'work' ? 'break' : 'work'); // Automatically switch modes
             startPauseBtn.textContent = '►'; // Change button to show play symbol
+            // Play the alarm sound when the timer finishes
+            alarmSound.play();
         } else {
             updateDisplay(remainingTime);
         }