tp3_activity/h5v2/yd20191203/js/comm.js

//ajax对象构造函数
/**
 * [Ajax description]
 * @param {[type]} options [请求方式（字符串）]
 * @param {[dataType]} options [返回数据的格式（字符串）]
 * @param {[data]} options [参数（对象）]
 * @param {[url]} options [请求地址（字符串）]
 * @param {[success]} options [成功回调（函数）]
 * @param {[error]} options [错误回调（函数）]
 * @param {[async]} options [是否同步（布尔）]
 
 * 例子：
 * ajax({
        url:
        data:
        type:
        dataType:
        success:
        error:
        async:
    });
 */
function ajax(options){
    var _this = this;
    //异步请求对象的完成状态
    this.done = 0;
    this.format = function(){
        var now = new String(new Date().getTime());
        return now.substr(0,now.length-5);
    }
    //格式化参数
    this.formatParams = function(data) {
        //获取地址参数
        var arr = [];
        for (var name in data) {
            arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name]));
        }
        
        arr.push("t="+_this.format());//按分钟刷一次
        return arr.join("&");
    }
    
    //传入设置
    options = options || {};
    //请求方式
    options.type = (options.type || "GET").toUpperCase();
    options.dataType = options.dataType || "json";
    options.async = options.async || true;
    var params = _this.formatParams(options.data);
    //创建异步请求对象 - 第一步
    var xhr;
    //w3c标准
    if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    } 
    //兼容IE6及以下
    else if (window.ActiveObject) { 
        xhr = new ActiveXObject('Microsoft.XMLHTTP');
    }
    
    //连接 和 发送 - 第二步
    //判断是那种类型的请求
    //若是get请求
    if (options.type == "GET") {
        //参数拼接
        if(options.url.indexOf("?")==-1) sp="?" ; else sp="&";
    
        //发送请求
        xhr.open("GET", options.url + sp + params,options.async);
        xhr.send(null);
        
    } 
    //若是post请求
    else if (options.type == "POST") {
        //发送请求
        xhr.open("POST", options.url,options.async);
        //设置表单提交时的内容类型
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        //参数配置
        xhr.send(params);
    }

    //接收 - 第三步
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4) {
            //状态码
            var status = xhr.status;
            //状态码表示成功时，执行成功回调函数
            if (status >= 200 && status < 300 || status == 304) {
                            
                //返回数据的格式
                //json字符串
                if (options.dataType == "json") {

                    try{
                        options.success && options.success(eval("("+xhr.responseText+")"));
                    }
                    catch(err){
                        options.success && options.success(JSON.parse(xhr.responseText), xhr.responseXML);
                    }
                    
                
                } 
                //普通字符串
                else {
                    options.success && options.success(xhr.responseText, xhr.responseXML);
                }
                // 改变状态为完成
                _this.done = 1;
            } 
            //如果状态码表示失败时调用错误处理回调函数
            else {
                options.error && options.error(status);
                // 改变状态为完成
                _this.done = 1;
            }
        }
    }
}



function setCookie(name,value,t){   
  //document.cookie.setPath("/");  
  var hour = t?t:8; 
  var exp = new Date();   
  exp.setTime(exp.getTime() + hour*60*60*1000);   
  document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString()+";path=/";   
} 

function getCookie(name){   
  //document.cookie.setPath("/");  
  var arr, reg = new RegExp("(^| )"+name+"=([^;]*)(;|$)");  
  if(arr=document.cookie.match(reg)){  
      return unescape(arr[2]);   
  }  
  else{  
      return null;   
  }
}

/**
  * 获取url字段参数化
  * @param name 字段名
*/
function getStr(name){
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return unescape(r[2]); return null; 
}

//类名增加兼容
function addClass(obj, cls){
    if (!hasClass(obj, cls)) obj.className += " " + cls
}

// 去除类名
function removeClass(obj, cls){
    if (hasClass(obj, cls)) {
        var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
        obj.className = obj.className.replace(reg, ' ')
    }
}

// 查看类名
function hasClass(obj, cls){
    // console.log(obj,cls)
    return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
}

// 缓冲运动
function animate(ele,opt,callback){
    //设置一个变量用于判断动画数量
    var timerLen = 0;
    for(var attr in opt){
        creatTimer(attr);
        //每加一个定时器，动画数加一
        timerLen++;
    }
    function creatTimer(attr){
        var timerName = attr + 'timer';console.log(timerName)
        var target = opt[attr];
        clearInterval(ele[timerName]);
        ele[timerName] = setInterval(function(){
            // 先获取当前值
            var current = getComputedStyle(ele)[attr];

            // 提取数值：单位
            // 根据当前值提取单位(单位在current最后面)
            var unit = current.match(/[a-z]+$/);
            if(unit){
                current = current.substring(0,unit.index)*1;
                unit = unit[0]
            }else{
                unit = '';
                current *= 1;
            }

            // 计算速度
            var speed = (target - current)/10;

            // 处理speed值，防止speed为小数而造成定时器无法完成的情况
            // 0.3=>1,-0.3=>-1
            speed = speed>0 ? Math.ceil(speed) : Math.floor(speed);

            //对于没有单位的属性单独处理
            if(attr == 'opacity'){
                speed = speed>0?0.05:-0.05;
            }
            

            if(current === target){console.log("清除定时器")
                clearInterval(ele[timerName]);
                current = target - speed;
                //每完成一个动画，timerLen减一
                timerLen--
                //最后若timerLen数量为零，则所有动画已经执行完再执行回调函数
                if(typeof callback ==='function'&&timerLen==0){
                    callback();
                }
                
            }
            ele.style[attr] = current + speed + unit;
        },30)
    };

    
}

//弹窗工具
function tips(text, time) {//提示工具
    time = time ? time : 2000;
    var para = document.createElement("p");
    para.innerHTML = text;
    para.setAttribute("class", "w_tips");
    para.setAttribute("style", "display: block;border-radius: 10px;background-color: rgba(1,1,1,0.5);color: #FFF;padding: 14px 26px;font-size: 16px; position: fixed;left: 50%;top: 80%;z-index: 999;");
    document.body.appendChild(para);
    para.style.marginLeft = -para.offsetWidth / 2+"px";
    setTimeout(function() {
        document.body.removeChild(para);
    }, time);
}

function G(id) {
  return document.getElementById(id);
}

function S(id) {
  var temp = G(id);
  if (temp) temp.style.visibility = 'visible';
}

function H(id) {
  var temp = G(id);
  if (temp) temp.style.visibility = 'hidden';
}


var curCSS;
if (window.getComputedStyle) {
    curCSS = function(elem, name) {
        name = comm.toHump(name, '-');
        var ret, computed = window.getComputedStyle(elem, null),
        style = elem.style;
        if (computed) ret = computed[name];
        if (!ret) ret = style[name];
        return ret;
    };
} else if (document.documentElement.currentStyle) {
    curCSS = function(elem, name) {
        name = comm.toHump(name, '-');
        var ret = elem.currentStyle && elem.currentStyle[name],
        style = elem.style;
        if (!ret && style && style[name]) {
            ret = style[name];
        }
        return ret === '' ? 'auto': ret;
    };
} else {
    curCSS = function(elem, name) {
        name = comm.toHump(name, '-');
        var style = elem.style;
        return style[name];
    };
}

function css(obj, name, value) {
    if (value === undefined) {
        var temp = curCSS(obj, name);
        if (temp === '' || temp === 'auto') temp = 0;
        return temp;
    } else {
        var pxs = ['left', 'top', 'right', 'bottom', 'width', 'height', 'line-height', 'font-size'];
        var isPx = pxs.indexOf(name) >= 0;
        if (isPx && !/.*px$/g.test(value + '') && value !== 'auto') value += 'px';
        obj.style[comm.toHump(name)] = value;
    }
};

fx = {
    interval: 13,
    tagIdx: 0,
    animates: {},
    start: function(obj, params, speed, easing, callback, tag) {
        var speeds = {
            fast: 200,
            normal: 400,
            slow: 600
        };
        speed = (typeof speed === 'string' ? speeds[speed] : speed) || speeds.normal;
        if (typeof easing === 'function') {
            tag = callback;
            callback = easing;
            easing = '';
        }
        easing = easing || 'swing';
        tag = tag || 'default';
        for (var i in this.animates) {
            if (i.indexOf(tag) >= 0) this.stop(i);
        }

        var oldParams = params;
        params = {};
        var canContinue = false;
        for (var i in oldParams) {
            var p = oldParams[i];
            if (!comm.isArray(p)) p = [css(obj, i), p];
            else css(obj, i, p[0]);
            params[i] = {
                start: parseFloat(p[0]),
                end: parseFloat(p[1])
            };
            if (params[i].start !== params[i].end) canContinue = true;
        }
        if (!canContinue) return;
        tag += '_' + (++this.tagIdx);
        this.animates[tag] = {
            obj: obj,
            params: params,
            speed: speed,
            easing: easing,
            callback: callback,
            startTime: Date.now(),
            idx: 0,
            timer: undefined
        };
        this.animates[tag].timer = setInterval(function() {
            var animate = fx.animates[tag];
            animate.idx++;
            var n = Date.now() - animate.startTime;
            if (n > animate.speed) {
                fx.stop(tag);
                return;
            }
            var percent = n / animate.speed;
            var pos = fx.easing[animate.easing](percent, n, 0, 1, animate.speed);
            for (var i in animate.params) {
                var p = animate.params[i];
                css(animate.obj, i, p.start + (p.end - p.start) * pos);
            }
        },
        this.interval);
    },
    stop: function(tag) {
        var animate = fx.animates[tag];
        if (!animate) return false;
        clearInterval(animate.timer);
        var ps = animate.params;
        for (var i in ps) css(animate.obj, i, ps[i].end);
        animate.callback && animate.callback();
        delete fx.animates[tag];
        return true;
    },
    easing: {
        linear: function(p, n, firstNum, diff) {
            return firstNum + diff * p;
        },
        swing: function(p, n, firstNum, diff) {
            return 0.5 - Math.cos(p * Math.PI) / 2;
        }
    }
};
function animate(obj, params, speed, easing, callback, tag) {
    fx.start(obj, params, speed, easing, callback, tag);
};