necesito mostrar el tiempo trascurrido dinamicamente ,simulando un reloj, con la hora actual menos la hora inicial , consigo el tiempo trascurrido
Tiempo Trascurrido= Hora Actual - Hora de Inicio
<el-col v-for="item in options" :key="item.value" align="middle" :xs="24" :sm="24" :md="24" :lg="4" :xl="24" style="margin-bottom:10px">
<el-button type="primary" style="width: 180px;height:120px ;" >
{{item.label}} - {{TiempoTrascurrido}}
</el-button>
</el-col>
js
data() {
return {
options: [{
value: '01',
label: 'Room 1',
FechaHoraInicio:'2020-02-18T18:17:53.56',
FechaHoraSalida:'2020-02-18T18:17:53.56',
}, {
value: '02',
label: 'Room 2',
FechaHoraInicio:'2020-02-18T18:17:53.56',
FechaHoraSalida:'2020-02-18T18:17:53.56',
},
}},
computed: {
TiempoTrascurrido: function(FechaHoraInicio) {
setInterval(function(){
return Date.now()-new Date(FechaHoraInicio)
}, 3000);
},
},
Creo botones dinamicos mediante el v-for, con los objetos que tienen cada uno una Hora de inicio, ahora quiero simular un reloj en cada boton con el tiempo trascurrido.
Como puedo lograrlo?. gracias!