I need to add features to my stop watch

Question

Hi guys
I have created this stop watch however i need to add two things
1 is the stop time whenever i click stop
2 is the current time which reads my system time
Can you help? 😎
https://code.sololearn.com/WNIBuWpQ56Up/?ref=app
https://code.sololearn.com/WNIBuWpQ56Up/?ref=app

Answer 1

You could create a table, and use insertAdjacentHTML to update the elapsed times into table rows.
Check out the code

https://code.sololearn.com/Wr0V54pu60L2/?ref=app

ps I corrected a reset button bug.

Answer 2

by using the system time you can store that in a variable and on each update grab the current system time and simple subtraction will give you the time elapsed and place that value in your label.

Answer 3

https://code.sololearn.com/WPY93AkmBFBX/?ref=app

Answer 4

this code will demonstrate how to get and use the data object for the current date. also if you wanted to add a pause button all you would have to do is have it update the variable storing your start time on resume and it should work perfectly.

Answer 5

I'm getting the same values for stopped and elapsed times

Answer 6

take a look at the code I posted it will show you how to do minutes and such I have them all broken down separately

Answer 7

Really thank you guys, you all have been a great help ❤️🌹🌹🌹🌹🌹

Answer 8

Also please check line 84
I want only the hours minutes and seconds
I do not want the date day and time etc

Answer 9

I didn't see a problem with the stop button. It worked perfectly every time I tried it.

Local system time can be gotten via this method.
https://stackoverflow.com/questions/10659523/how-to-get-the-exact-local-time-of-client

Answer 10

Hay
Thanks for the comment, maybe i didn't clarify enough
What i meant i have timelabel already
I need to additional time labels
One captures the time I clicked stop
Second one capture my system time(i will try ur method)

Answer 11

Ids could be anything. You could use timLabel, timeLbl, time, label, time1, time2, etc. I'd use timer for your stop time, since it is working as a timer (stopWatch could work too.) I'd use systemTime for your second.

Answer 12

Oh sorry again 😁

Let me explain clearly

Once you click start the watch start counting, so this counter is considered as (elapsed time)

Once i click stop, it freezes on the time i stopped in

What i want, i need the stopped time to be recorded and displayed in a different box.
So if i click start again
I'll have two boxes
Elapsed and stop

Answer 13

so add an elapsed label. Personally, I'd add a second h1 to store it.

Answer 14

Many thanks guys
I just did something, can you check the following code and run it
https://code.sololearn.com/WXB548k7464x/?ref=app