var hr = 0;
var min = 0;
var sec = 0;
var count = 0;
var timer = false;
var lapCounter = 1;
const audio = new Audio();
audio.src = "audio/sound_trim.mp3"
function start() {
audio.play();
if (!timer){
timer = true;
document.getElementById("start").innerHTML = ' Pause';
stopwatch();
}
else
{
timer=false;
document.getElementById("start").innerHTML = ' Start';
}
}
/*function stop() {
timer = false
}
*/
function reset() {
//hiding record container div
document.getElementById("record-container").style.display = "none";
audio.play();
timer = false;
document.getElementById("start").innerHTML = ' Start';
hr = 0;
min = 0;
sec = 0;
count = 0;
document.getElementById("hr").innerHTML = "00";
document.getElementById("min").innerHTML = "00";
document.getElementById("sec").innerHTML = "00";
document.getElementById("count").innerHTML = "00";
document.getElementById("record-table-body").innerHTML = "";
lapCounter = 1;
}
let timeoutId;
function stopwatch() {
clearTimeout(timeoutId);
if (timer == true)
count = count + 1;
if (count == 99) {
sec = sec + 1;
count = 0;
}
if (sec == 59) {
min = min + 1;
sec = 0;
}
if (min == 59) {
hr = hr + 1;
min = 0;
sec = 0;
}
var hrString = hr;
var minString = min;
var secString = sec;
var countString = count;
if (hr < 10) {
hrString = "0" + hrString;
}
if (min < 10) {
minString = "0" + minString;
}
if (sec < 10) {
secString = "0" + secString;
}
if (count < 10) {
countString = "0" + countString;
}
document.getElementById("hr").innerHTML = hrString;
document.getElementById("min").innerHTML = minString;
document.getElementById("sec").innerHTML = secString;
document.getElementById("count").innerHTML = countString;
timeoutId = setTimeout("stopwatch()", 10);
}
function lap() {
//displaying record container div
document.getElementById("record-container").style.display = "block";
audio.play();
var lap_time = document.getElementById("hr").innerHTML + ":"
+ document.getElementById("min").innerHTML + ":"
+ document.getElementById("sec").innerHTML + ":"
+ document.getElementById("count").innerHTML;
const table = document.getElementById("record-table-body");
const row = table.insertRow(0);
const no_cell = row.insertCell(0);
const time_cell = row.insertCell(1);
no_cell.innerHTML = lapCounter;
time_cell.innerHTML = lap_time;
lapCounter++;
}
function clearLap() {
//hiding record container div
document.getElementById("record-container").style.display = "none";
audio.play();
document.getElementById('record-table-body').innerHTML = '';
lapCounter=1;
}
let date;
setInterval(() => {
date = new Date().toString();
document.getElementById('d1').innerHTML = date;
}, 1000);