Workshop › Minesweeper › Step 24 of 26

Stop the clock

What we are doing

When the game ends, the clock stops: lose and win remember the end time, and a finished game shows the time between start and end.

```js
let endTime

  endTime = 0

function lose() {
  state = 'lost'
  endTime = now

function win() {
  state = 'won'
  endTime = now

  const seconds = state === 'ready' ? 0 : Math.floor(((state === 'playing' ? now : endTime) - startTime) / 1000)
```

What it means

• endTime is set when the game is lost or won.
• The inner ? : picks now while playing and endTime after the end.

Your turn

1. Under let startTime, write let endTime; in newGame, endTime = 0.
2. In lose and in win, under the state = ... line, write endTime = now.
3. In draw, change now in the seconds line to (state === 'playing' ? now : endTime).

Skills: Game states

← The clock The best time →

All steps

1. A grid of cell objects
2. The canvas and the pen
3. Draw the field
4. Draw every frame
5. Neighbours
6. Mines, but not under the first click
7. Shuffle the candidates
8. Count the mines around
9. Open a cell
10. Open cells look different
11. Coloured numbers
12. Click to open
13. Stepping on a mine
14. Show the mines
15. Flood fill
16. Flags with the right button
17. A flag protects its cell
18. Draw the flags
19. Mines left
20. Winning
21. The end and a new game
22. What time is it?
23. The clock
24. Stop the clock
25. The best time
26. Build it yourself: wrong flags