mirror of
https://github.com/livebook-dev/livebook.git
synced 2024-11-18 05:44:12 +08:00
32 lines
584 B
JavaScript
32 lines
584 B
JavaScript
|
const UPDATE_INTERVAL_MS = 100;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* A hook used to display a timer counting from the moment
|
||
|
|
* of mounting.
|
||
|
|
*/
|
||
|
|
const Timer = {
|
||
|
|
mounted() {
|
||
|
|
this.state = {
|
||
|
|
start: Date.now(),
|
||
|
|
interval: null,
|
||
|
|
};
|
||
|
|
|
||
|
|
this.state.interval = setInterval(() => {
|
||
|
|
this.__tick();
|
||
|
|
}, UPDATE_INTERVAL_MS);
|
||
|
|
},
|
||
|
|
|
||
|
|
destroyed() {
|
||
|
|
clearInterval(this.state.interval);
|
||
|
|
},
|
||
|
|
|
||
|
|
__tick() {
|
||
|
|
const elapsedMs = Date.now() - this.state.start;
|
||
|
|
const elapsedSeconds = elapsedMs / 1_000;
|
||
|
|
|
||
|
|
this.el.innerHTML = `${elapsedSeconds.toFixed(1)}s`;
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Timer;
|