# Keeping track of time
Inspect the current playhead and the ranges that describe media playback.
Tip: open your browser's developer console and use the `player` and `THEOplayer` variables to interact with this demo.
| Current time | 0:00.0 |
| ------------ | ------ |
| Duration | 0:00.0 |
| Paused | Yes |
**Played**
**Buffered**
**Seekable**
`TimeRanges` can contain zero or more intervals. Listen for playback and buffering events to keep a readout current. See the [`TimeRanges` API](https://optiview.dolby.com/docs/theoplayer/v11/api-reference/web/interfaces/TimeRanges).
```js
function updateRanges() {
console.log(player.currentTime, player.duration, player.played, player.buffered, player.seekable);
}
player.addEventListener(['timeupdate', 'progress', 'durationchange', 'seeking', 'seeked', 'play', 'pause'], updateRanges);
```
Code
demo.html
```html
Keeping track of time
```