opendesk

1<template>
2  <slot />
3</template>
4
5<script setup>
6import { ref } from "vue";
7
8const hours = ref(0);
9const minutes = ref(0);
10const seconds = ref(0);
11const timer = ref(null);
12const updatedTime = ref("0:00");
13
14function startCounter() {
15  updatedTime.value = getTime();
16}
17
18function start() {
19  timer.value = setInterval(() => startCounter(), 1000);
20}
21
22function stop() {
23  clearInterval(timer.value);
24  let output = updatedTime.value;
25  hours.value = 0;
26  minutes.value = 0;
27  seconds.value = 0;
28  updatedTime.value = "0:00";
29  return output;
30}
31
32function getTime(_seconds = 0) {
33  if (_seconds) {
34    if (typeof _seconds === "string") {
35      _seconds = parseInt(_seconds);
36    }
37    seconds.value = _seconds;
38
39    if (seconds.value >= 60) {
40      minutes.value = Math.floor(seconds.value / 60);
41      seconds.value = seconds.value % 60;
42    } else {
43      minutes.value = 0;
44    }
45
46    if (minutes.value >= 60) {
47      hours.value = Math.floor(minutes.value / 60);
48      minutes.value = minutes.value % 60;
49    } else {
50      hours.value = 0;
51    }
52  }
53
54  if (seconds.value === 59) {
55    seconds.value = 0;
56    minutes.value = minutes.value + 1;
57    seconds.value--;
58  }
59  if (minutes.value === 60) {
60    minutes.value = 0;
61    hours.value = hours.value + 1;
62  }
63  seconds.value++;
64
65  let minutesCount = minutes.value;
66  let secondsCount = seconds.value < 10 ? "0" + seconds.value : seconds.value;
67  let hoursCount = hours.value > 0 ? hours.value + ":" : "";
68
69  if (hoursCount) {
70    minutesCount = minutesCount < 10 ? "0" + minutesCount : minutesCount;
71    secondsCount = secondsCount < 10 ? "0" + secondsCount : secondsCount;
72
73    if (minutesCount === 0) {
74      minutesCount = "00";
75    }
76  }
77
78  return hoursCount + minutesCount + ":" + secondsCount;
79}
80
81defineExpose({ start, stop, getTime, updatedTime });
82</script>
83