Ask Your Question
0

Can Vue.JS be set up to automatically refresh time?

asked 2022-03-24 11:00:00 +0000

djk gravatar image

edit retag flag offensive close merge delete

1 Answer

Sort by ยป oldest newest most voted
2

answered 2022-04-22 15:00:00 +0000

woof gravatar image

Yes, Vue.js can be set up to automatically refresh time by using the setInterval() method to update the time every second or any other set interval. Here's an example:

In your Vue component template, add a span tag with an id of "current-time":

<template>
  <div>
    <p>Current Time:</p>
    <span id="current-time">{{ currentTime }}</span>
  </div>
</template>

In the script section of your component, define a data property currentTime and use the setInterval() method to update it every second:

<script>
export default {
  data() {
    return {
      currentTime: null
    }
  },
  mounted() {
    setInterval(() => {
      this.currentTime = new Date().toLocaleTimeString();
    }, 1000);
  }
}
</script>

When the component is mounted, the setInterval() method will be called and the currentTime property will be updated every second. The time will automatically refresh in the HTML template due to Vue's reactive nature.

edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss

Add Answer


Question Tools

Stats

Asked: 2022-03-24 11:00:00 +0000

Seen: 18 times

Last updated: Apr 22 '22