38 lines
639 B
JavaScript
38 lines
639 B
JavaScript
import Omi from '../../src/index.js';
|
|
|
|
class Timer extends Omi.Component {
|
|
constructor(data) {
|
|
super(data);
|
|
}
|
|
|
|
install () {
|
|
this.data = {secondsElapsed: 0};
|
|
}
|
|
|
|
tick() {
|
|
this.data.secondsElapsed++;
|
|
this.update();
|
|
}
|
|
|
|
installed(){
|
|
this.interval = setInterval(() => this.tick(), 1000);
|
|
}
|
|
|
|
uninstall() {
|
|
clearInterval(this.interval);
|
|
}
|
|
|
|
|
|
style () {
|
|
return `
|
|
.num { color:red; }
|
|
`;
|
|
}
|
|
|
|
render () {
|
|
return `<div>Seconds Elapsed:<span class="num"> {{secondsElapsed}}</span></div>`;
|
|
}
|
|
}
|
|
|
|
export default Timer;
|