Как сделать склонения времени в javascript?

Question

[zeaovede]

Изначальный вид функции:

function updateSummary() {
    $('#completion-time').text((completion_time <= 0 ? "Invalid" : completion_time <= 24 ? completion_time + " Часов" : Math.ceil(completion_time / 24) + " Дней"));
}

<div class="d-flex gap-1 align-items-center justify-content-center fs-15"><i class="uil uil-stopwatch fs-25"></i> Прим. Время Выполнения: <span class="text-primary" id="completion-time">24 Hours</span></div>

Немного погуглив нашел что-то сильно похожее на то, что мне нужно:

function num_word(value, words){  
	value = Math.abs(value) % 100; 
	var num = value % 10;
	if(value > 10 && value < 20) return words[2]; 
	if(num > 1 && num < 5) return words[1];
	if(num == 1) return words[0]; 
	return words[2];
}
 
$('form input[type="number"]').change(function(){
	var count = 0;
	$('form input[type="number"]').each(function(){
		val = parseInt($(this).val());
		if (!isNaN(val)){
			count = count + val;
		}
	});
   
	$('#js_result').html(count + ' ' + num_word(count, ['товар', 'товара', 'товаров']));
});

<form>
	<label>Выберите количество товаров:</label>
	<p><input type="number" min="0" name="count_1"></p>
	<p><input type="number" min="0" name="count_2"></p>
	<p><input type="number" min="0" name="count_3"></p>
	<p><strong>Итого: <span id="js_result">0</span></strong></p>
</form>

Попробовал адаптировать пример под свое решение. Получилось вот это:

function updateSummary(value, completion_time){
    
//    $('#completion-time').text((completion_time <= 0 ? "Invalid" : completion_time <= 24 ? completion_time + " Часов" : Math.ceil(completion_time / 24) + " Дней"));
}
value = Math.abs(value) % 100; 
	var num = value % 10;
	if(value > 10 && value < 20) return completion_time[2]; 
	if(num > 1 && num < 5) return completion_time[1];
	if(num == 1) return completion_time[0]; 
	return completion_time[2];
}
   
	$('#completion-time').text((completion_time <= 0 ? "Invalid" : count + ' ' + num_completion_time +"count, ['час', 'часа', 'часов']");

Почему может не работать?

Comments

[x-Four-x]

Что именно не работает и не устраивает вас в данном коде?

[zeaovede]

x-Four-x, В моем коде меня не устраивает отсутствие склонения времени. В приведенном примере устраивает все, но этот пример не работает у меня с учетом моей криворукости, или второй вариант. Потому что изначально нужно другое решение. Т.е. конкретно подобранный пример идет не под мою задачу. Я знаю, что в js можно решить одну и ту же задачу десятками способов, но это для тех, кто разбирается. Вот и хотелось бы разобраться. Нужен другой способ или подойдет и этот с учетом ровных рук

[x-Four-x]

zeaovede, как я понимаю - 'час' добавляется когда числительное оканчивается на согласную, 'часов' когда на мягкий знак, исключения числа 100, 1000 и тд, + все числа после 100 которые делятся на 10. А час когда на гласную, а теперь пишите код на этой основе.

[x-Four-x]

zeaovede, А извиняюсь у вас число цифрой, а не буквой. Это все меняет.

Answer 1

[Чипекве]

function plural(n, titles) {
  return `${n} ` + titles[n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2];
}

function updateSummary(completionTimeHours) {
  document.getElementById('completion-time').textContent =
    completionTimeHours <= 0
      ? 'Invalid'
      : completionTimeHours <= 24
        ? `${plural(completionTimeHours, ['час', 'часа', 'часов'])}`
        : `${plural(Math.ceil(completionTimeHours / 24), ['день', 'дня', 'дней'])}`;
}

spoiler

https://gist.github.com/realmyst/1262561

Comments

[zeaovede]

Вери гуд. Отредактировал код до такого состояния и полет отличный

function plural(n, titles) {
  return `${n} ` + titles[n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2];
}

function updateSummary() {
  document.getElementById('completion-time').textContent =
    completion_time <= 0
      ? 'Invalid'
      : completion_time <= 24
        ? `${plural(completion_time, ['час', 'часа', 'часов'])}`
        : `${plural(Math.ceil(completion_time / 24), ['день', 'дня', 'дней'])}`;
...

Спасибо тебе добрый человек!!!