<label>
  Time (In Seconds)
  <input type="number" />
</label>

<p id="time-in-words1" />
<p id="time-in-words2" />
p {
  direction: rtl;
}
function durationString(duration) {
  let res = '';
  if (duration.hours() == 1) {
    res += "שעה";
  } else if (duration.hours() === 2) {
    res += "שעתיים";
  } else if (duration.hours() > 2) {
    res += `${duration.hours()} שעות`
  }
  
  if (duration.minutes() === 0) {
    return res;
  } else if (duration.hours() > 0) {
    res += " ו ";
  }
  
  if (duration.minutes() === 1) {
    res += "דקה";
  } else if (duration.minutes() > 1) {
    res += `${duration.minutes()} דקות`;
  }

  return res;
}

moment.locale('he');

$('input').on('input', function(e) {
  const val = e.target.value;
  const duration = moment.duration(Number(val), 'seconds');
  const res = durationString(duration);
  $('#time-in-words1').text(res);
  $('#time-in-words2').text(duration.humanize());
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.23.0/moment.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
  3. https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.23.0/locale/he.js