• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

301
Views
Intentando que mi reloj funcione en bootstrapvue, ¿qué estoy haciendo mal?

Hola chicos, estos son mis códigos tratando de hacer que mi reloj funcione en Bootstrap Vue. Quiero que la hora se muestre en tiempo real con los segundos en movimiento. Las fechas funcionan y el tiempo funciona, pero el tiempo es estacionario. ¿Qué estoy haciendo mal? Novato..#gracias

 <template> <div> <div> {{timestring}} </div> <div> {{timeclock}} </div> </div> </template> <script> data ()=> ({ timeString: '', timeclock: '', stopClock: false}), mounted () { this.nowTime(); this.nowclock(); }, methods: { nowTime () { this.timeString = new Date(Date.now()).toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }); if (!this.stopClock) { setTimeout(this.nowTime, 285); } }, nowclock () { this.timeclock = +' ' + new Date(Date.now()).toLocaleTimeString('en-US'); if (!this.stopClock) { setTimeout(this.nowTime, 285); } } }, beforeDestroy () { this.stopClock = true; } };
almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Simplemente puede usar setTimeout con 1000ms intervalo de tiempo de 1000 ms con la función de devolución de llamada this.nowclock

Demostración de Codesandbox

 nowclock() { this.timeclock = +" " + new Date(Date.now()).toLocaleTimeString("en-US"); if (!this.stopClock) setTimeout(this.nowclock, 1000); },
almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error