<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());
});
This Pen doesn't use any external CSS resources.