通过祈祷时间获取即将到来的祈祷名称 Api - jQuery 获取

Question

我正在为我的网站制作祷告时间部分。 我正在使用aladhan.com api，我今天正在使用地理定位为我的城市祈祷时间。 现在，我想向用户展示upcoming Prayer name ，我很困惑我该如何实现这一点。 例如：

如果我国家的时间现在是3:04 PM ，那么请检查现在是什么祈祷时间。 它应该得到Duhr Prayer 时间，即将到来的现在是Asr 。 所以我想向用户展示Upcoming Asr 。 等等所有的祷告时间。

这是API url ：

http://api.aladhan.com/v1/hijriCalendarByCity?city=Lahore&country=Pakistan&method=1&school=1&month=2&year=2021

我的设计截图：
祈祷时间卡

todayTimings = (city, country) => {
    const date = new Date();
    const currentDate = date.getDate();
    const currentMonth = date.getMonth()+1;
    const method = 1; // Karachi
    const school = 1; // Hanafi
    const api_url = `https://api.aladhan.com/v1/calendarByCity?city=${city}&country=${country}&method=${method}&school=${school}&month=${currentMonth}`;
    fetch(api_url)
    .then(response => response.json())
    .then(response => {
        if (response.status != "OK") return false;
        const timings = response.data[currentDate-1].timings;
        console.log(response.data);

        // Timings
        let fajrTime = timings.Fajr.substring(0, 5);
        let formattedFajrTime = this.convertTime(fajrTime);
        let duhrTime = timings.Dhuhr.substring(0, 5);
        let formattedDuhrTime = this.convertTime(duhrTime);
        let asrTime = timings.Asr.substring(0, 5);
        let formattedAsrTime = this.convertTime(asrTime);
        let maghribTime = timings.Maghrib.substring(0, 5);
        let formattedMaghribTime = this.convertTime(maghribTime);
        let ishaTime = timings.Isha.substring(0, 5);
        let formattedIshaTime = this.convertTime(ishaTime);

        // Assign to elements
        this.fajrTimeElem.text(formattedFajrTime);
        this.duhrTimeElem.text(formattedDuhrTime);
        this.asrTimeElem.text(formattedAsrTime);
        this.maghribTimeElem.text(formattedMaghribTime);
        this.ishaTimeElem.text(formattedIshaTime);

        // Get Current Namaz Name
        const timingsArary = [fajrTime, duhrTime, asrTime, maghribTime, ishaTime];
        // for (let i = 0; i < timingsArary.length; i++) {
        //     const prayer_time = timingsArary[i];
        // }
    })
    .catch(error => {
        this.prayerTimes.removeClass('loading');
        console.error(error);
    })
}

有人可以帮我实现这一目标吗？ 我被困住了