screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <h3>Vue Js Convert Second into Hours and Minute</h3> <div id="app"> <label for="inputSeconds">Enter the number of seconds:</label> <input id="inputSeconds" type="number" v-model="seconds"> <p>{{ formattedTime }}</p> </div> <script type="module"> const app = Vue.createApp({ data() { return { seconds: 3600 } }, computed: { formattedTime() { const hours = Math.floor(this.seconds / 3600); const minutes = Math.floor((this.seconds % 3600) / 60); return `${hours} hours ${minutes} minutes`; } } }); app.mount('#app'); </script> </body> </html>