兼容问题及封装

1.计算日期

function dateDiff(date1,date2){
    var d1 = new Date(date1);
    if(date2){
        var d2 = new Date(date2);
    }else{
        var d2 = new Date();
    }
    var sum = Math.abs(d2.getTime() - d1.getTime());
    var day = parseInt(sum/1000/60/60/24);
    var h = parseInt((sum - day*24*60*60*1000)/1000/60/60);
    var m = parseInt((sum - day*24*60*60*1000 - h*60*60*1000)/1000/60);
    var s = parseInt((sum - day*24*60*60*1000 - h*60*60*1000 - m*60*1000)/1000);
    return {
        day:day,
        hours:h,
        minutes:m,
        seconds:s
    }
}
var o=dateDiff("date1","date2")
console.log(o);

2.获取日期

function createDate(){
    var d = new Date();
    var y = d.getFullYear();
    var m = d.getMonth();
    var mydate = d.getDate();
    var myday = d.getDay();

    var h = d.getHours();
    var miuts = d.getMinutes();
    var s = d.getSeconds();

    switch(myday){
        case 0:myday = "星期日";break;
        case 1:myday = "星期一";break;
        case 2:myday = "星期二";break;
        case 3:myday = "星期三";break;
        case 4:myday = "星期四";break;
        case 5:myday = "星期五";break;
        case 6:myday = "星期六";break;
    }

    return {
        year:y,
        month:createZero(m+1),
        date:createZero(mydate),
        day:myday,
        hours:createZero(h),
        minutes:createZero(miuts),
        seconds:createZero(s)
    };
}
var d = createDate();
console.log(d);

3.补零

function createZero(n){
    if(n<10 || n.length<2){
        return "0"+n;
    }else{
        return n;
    }
}

4.随机数

function random(a,b){
    return Math.round(Math.random()*(a-b)+b);
}

5.十六进制随机颜色

function randomColorStr(){
    var r = random(0,255).toString(16);
    var g = random(0,255).toString(16);
    var b = random(0,255).toString(16);
    return "#"+createZero(r)+createZero(g)+createZero(b);
}

6.RGB随机颜色

function randomColorRGB(){
    return "rgb("+random(0,255)+","+random(0,255)+","+random(0,255)+")";
}

7.阻止事件冒泡

function stopBubble(e){
    if(e.stopPropagation){
        e.stopPropagation();
    }else{
        e.cancelBubble=true;
    }
}

8.获取行内/非行内样式

function getStyle(ele,attr){    			 
    if(ele.currentStyle){
            return ele.currentStyle[attr];
    }else{
            return getComputedStyle(ele,false)[attr];
    }
}

9.事件对象的获取

element.onclick = function(eve){
    var e = eve || window.event;
    console.log(e);
}

10.键盘事件对象

document.onkeydown = function(eve){
    var e = eve || window.event;
    var code = e.keyCode || e.which;
}

11.阻止默认事件

function stopDefault(e){
    if(e.preventDefault){
            e.preventDefault()
    }else{
            e.returnValue = false;
    }
}

12.绑定事件

function addEvent(ele,type,cb){      
    if(ele.attachEvent){
            ele.attachEvent("on"+type,cb)
    }else{
          ele.addEventListener(type,cb,false)
    }
}

13.删除事件

function removeEvent(ele,type,cb){
    if(ele.detachEvent){
        ele.detachEvent("on"+type,cb)
    }else{
            ele.removeEventListener(type,cb,false)
    }
}