De momento, esto es en lo que pude pensar:
const texto = document.getElementById("texto");
const tiempo_total = parseInt(texto.textContent);
const initialData = new Date();
const minutosIniciales = initialData.getMinutes();
let minutos_restantes;
function getDifference(initialMinutes,initialMinutesData){
const data = new Date();
const actual_minutes = data.getMinutes();
const actual_seconds = data.getSeconds();
let floatDiff = Math.abs(initialMinutes - (actual_minutes - initialMinutesData));
/*Esta operación hará que te muestre los decimales (Si los hay) del segundo en el que*/
floatDiff -= (actual_seconds / 60);
return floatDiff;
}
//Esta función es opcional pero la uso para obtener solo dos numeros apartir de la coma
function sliceFloatPoints(decimals,num){
let result = 0;
let stringNum = num.toString();
let cutIndex = stringNum.indexOf(".");
let currDecimals;
let currLen;
currDecimals = cutIndex !== -1 ? stringNum.slice(cutIndex + 1) : 0;
currDecimals = currDecimals.length >= decimals ? currDecimals.slice(0, decimals) : currDecimals;
currLen = currDecimals.length;
result = cutIndex !== -1 ? parseInt(num.toString()) + (currDecimals / Math.pow(10,currLen)) : num;
return result;
}
function calculate(){
minutos_restantes = getDifference(tiempo_total,minutosIniciales);
texto.textContent = sliceFloatPoints(2,minutos_restantes);/*Es opcional usar esta función, si quieres obtener
todos los puntos decimales, coloca minutos_restantes
como valor*/
}
setInterval(calculate, 0);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cronometro</title>
</head>
<body>
<center><div class="texto" id = "texto">10</div></center>
</body>
</html>
El código lo que hace es que por medio de un elemento html obtiene el numero del cual va iniciar la cuenta regresiva, se inicia también otras variables iniciales de tiempo, estas se inician con el Objeto Date, ademas estas son estaticas, es decir nunca van a cambiar, esto debido a que necesitamos que este valor (cuantos minutos va a contar hacia atras),no cambie.
La función getDifference lo que hace es obtener la diferencia de tiempo que hay entre la primera y unica vez que fue inicializada la constante minutos_iniciales y los minutos transcurridos actualmente, luego resta a estos minutos (Que siempre los trae en enteros), los segundos faltantes (En forma de porcentaje, es decir de 0 a 100) para cambiar de un minuto a otro en cuenta regresiva, es decir: .98 significa que falta mucho para que los minutos decrementen, .01 significa que ya van a cambiar.
La función sliceFloatPoints, convierte el numero (De un montón de decimales), a los que necesitemos después de la coma, esto es por medio de la función slice, la cual permite crear un nuevo arreglo cortando desde ciertos puntos que le indiquemos a la función, si el limite final no es especificado como segundo parámetro en la función, esta devolverá un nuevo arreglo tomando como inicio el indice que le especificamos, apartir de este inicio tomara también todos los demás valores.
En nuestro caso, como no nos interesa la coma como valor decimal, lo que hacemos es que con la función indexOf, obtenemos el indice en el que se encuentra el carácter a buscar, en este caso la coma ("."), si esta es encontrada esta función retornara el indice donde se encuentra la coma, de lo contrario retornara -1, entonces ahora lo que se hace es (Si existe la coma decimal), simplemente con la función slice le damos como primer parámetro este indice obtenido + 1 (Ya que de no ser así estaríamos incluyendo de nuevo la coma), en caso de no existir coma decimal (Que el numero sea entero), simplemente no transformaremos el numero.
Una vez obtenida la parte flotante o decimal, simplemente usamos de nuevo esta función para acortar la cantidad de decimales obtenidos después de la coma a los que necesitemos en caso de que el numero no sea entero.
La función calculate, como dice su nombre, simplemente se encargara de asignar el tiempo faltante de la cuenta regresiva a una variable, luego lo muestra en pantalla.
¡Espero haya servido de algo la respuesta!, no se si es lo que necesitabas. mas eso entendi...