JSFiddle - React, Tailwind, and code Playground

by pierian_design

JavaScript

var getTimeDiapason = function() { //tut
        //var diffInSeconds = Execute.endTime ? Math.floor((Execute.endTime - Execute.startTime) / 1000) : 0;
        var diffInSeconds = 5674;
        

				var sTimeDiapason = '';
				var aSecondsDiapasons = [
    				{'start': 0, 'end': 0, 'text': '0:00:00'},
            {'start': 1, 'end': 5, 'text': '0:00:01 - 0:00:05'},
            {'start': 6, 'end': 10, 'text': '0:00:06 - 0:00:10'},
            {'start': 11, 'end': 15, 'text': '0:00:11 - 0:00:15'},
            {'start': 16, 'end': 20, 'text': '0:00:16 - 0:00:20'},
            {'start': 21, 'end': 30, 'text': '0:00:21 - 0:00:30'},
            {'start': 31, 'end': 45, 'text': '0:00:31 - 0:00:45'},
            {'start': 46, 'end': 60, 'text': '0:00:46 - 0:01:00'},
            {'start': 61, 'end': 90, 'text': '0:01:01 - 0:01:30'},
            {'start': 91, 'end': 120, 'text': '0:01:31 - 0:02:00'},
            {'start': 121, 'end': 300, 'text': '0:02:01 - 0:05:00'},
            {'start': 301, 'end': 600, 'text': '0:05:01 - 0:10:00'},
            {'start': 601, 'end': 900, 'text': '0:10:01 - 0:15:00'},
            {'start': 901, 'end': 1200, 'text': '0:15:01 - 0:20:00'},
            {'start': 1201, 'end': 1800, 'text': '0:20:01 - 0:30:00'},
            {'start': 1801, 'end': 2700, 'text': '0:30:01 - 0:45:00'},
            {'start': 2701, 'end': 3600, 'text': '0:45:01 - 1:00:00'},
            {'start': 3601, 'end': 5400, 'text': '1:00:01 - 1:30:00'},
            {'start': 5401, 'end': Infinity, 'text': '2:00:01 - <'},
        ];
        
        for (var i = 0; i < aSecondsDiapasons.length; i++) {
            var oDiapason = aSecondsDiapasons[i];
                
            if (oDiapason.start <= diffInSeconds && oDiapason.end >= diffInSeconds) {
                sTimeDiapason = oDiapason.text;
            }
        } 
        
        return sTimeDiapason;
    }
    
    console.log(getTimeDiapason());