1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
| <template>
| <mark-line :markLineTime="currentTime"
| :getPositonOffset="getPositonOffset"
| color="rgba(255,0,0,.4)"></mark-line>
| </template>
|
| <script>
| import dayjs from "dayjs";
| import MarkLine from "./index.vue";
| export default {
| name: "CurrentTime",
| components: { MarkLine },
| props: {
| getPositonOffset: {
| type: Function,
| required: true
| }
| },
| data() {
| return {
| currentTime: dayjs().toString()
| };
| },
| created() {
| const timeNow = setInterval(() => {
| this.currentTime = dayjs().toString();
| }, 1000);
| this.$once("hook:beforeDestroy", () => {
| clearInterval(timeNow);
| });
| }
| };
| </script>
|
|
