Как вывести обновляемое время?

Question

[stanislavkm]

Как вывести время, обновляемое ежесекундно?

computed: {
    showTime: setInterval( () => {
      let time = new Date().toLocaleTimeString();
      return time;
    }, 1000),

<div class="date">
      {{showTime}}
    </div>

Answer 1

[Сергей delphinpro]

data: {
  time: null,
}
created() {
  setInterval(() => this.time = new Date());
}
{{ time }}

Comments

[Roman K]

Без второго аргумента запускать setInterval? Привет процессору.

[Сергей delphinpro]

Roman Kitaev, не придирайтесь. У мня тут и data не функция. Просто показал принцип.

[Roman K]

Сергей delphinpro, я не придираюсь, тонна людей это просто скопирует "как есть", а потом у меня батарейка в телефоне садится в 5 раз быстрее обычного. Работает же? Работает. А как — да пофиг.

[stanislavkm]

Roman Kitaev, укажу `,1000` все будет норм?

[Сергей delphinpro]

stanislavkm, будет обновляться раз в секунду.

Answer 2

[GrayHorse]

Вот

export default {
  data() {
    return {
      dateNow: new Date(),
      timerId: null
    };
  },
  mounted() {
    this.timerId = setInterval(() => {
      this.dateNow = new Date();
    }, 1000);
  },
  beforeUnmount() {
    clearInterval(this.timerId);
  }
};

Или так

import {ref, onUnmounted} from "vue";

const dateNow = ref(new Date());
const timerId = setInterval(() => {
  dateNow.value = new Date();
}, 1000);

onUnmounted(() => {
  clearInterval(timerId);
});