美文网首页我爱编程
js 处理分钟和小时

js 处理分钟和小时

作者: _信仰zmh | 来源:发表于2018-06-11 17:55 被阅读24次

    如果传递的数据是 null、undefined就返回--。

    如果是数字,如果小于60分钟,就取分钟;否则就转换成小时。

    如果是小时的整数倍就返回整数,否则就返回小数点去两位(四舍五入)。

    如果是包含中文的,如123fe随时,就返回NaN。

    function isRealNum(val){
        // isNaN()函数 把空串 空格 以及NUll 按照0来处理 所以先去除
        if(val === "" || val ==null){
            return false;
        }
        if(!isNaN(val)){
            return true;
        }else{
            return false;
        }
    }   
    
    function unitConversion(value){
        if(!value && value !='0'){
            return '--';
        }else{
            if(isRealNum(value)){
                if(value >= 60){
                    if(value%60 =='0'){
                        return value/60 +"小时";  
                    }else{
                        return (value/60).toFixed(2) +"小时";  
                    }
                }else{
                    return value +"分钟";
                }
            }else{
                return 'NaN';
            }
            
        }    
    }
    

    比较的话,先去dom的text,判断是分钟还是小时。

    function compareTargetData(domId, targetNum, sortType){
      var textVal = getIdDom(domId).innerHTML;
      if(textVal=='--'){
         return;
      } 
      var thisNum = '';
      if(textVal.indexOf("分钟")=='-1'){
        thisNum = parseFloat(getIdDom(domId).innerHTML)*60; 
      }else{
        thisNum = parseFloat(getIdDom(domId).innerHTML); 
      }
        
        if(thisNum > targetNum){
          if(sortType == 'lt'){
            getIdDom(domId).style.color = "rgb(247, 90, 7)";
          }else{
            getIdDom(domId).style.color = "rgb(2, 247, 2)";
          }
        }else if(thisNum == targetNum){
            getIdDom(domId).style.color = "#64b0c8";
        }else{
            if(sortType == 'lt'){
            getIdDom(domId).style.color = "rgb(2, 247, 2)";
          }else{
            getIdDom(domId).style.color = "rgb(247, 90, 7)";
          }
        }
    }
    

    相关文章

      网友评论

        本文标题:js 处理分钟和小时

        本文链接:https://www.haomeiwen.com/subject/rmiheftx.html