首頁 > web前端 > js教程 > 自己封裝的常用javascript函數分享_javascript技巧

自己封裝的常用javascript函數分享_javascript技巧

WBOY
發布: 2016-05-16 16:21:53
原創
943 人瀏覽過

都是些常用的功能,這裡就不多廢話了,小夥伴們自己看下就明白了

奉上代碼:

複製程式碼 程式碼如下:

//cookie
函數 setCookie(名稱、值、iDay)
{
    if(iDay!==false)
    {
        var oDate=new Date();
        oDate.setDate(oDate.getDate() iDay);
        document.cookie=name '='值';expires='oDate';path=/';
    }
    其他
    {
        document.cookie=名稱 '=' 值;
    }
}
函數 getCookie(名稱)
{
    var arr=document.cookie.split('; ');
    var i=0;
    for(i=0;i     {
        var arr2=arr[i].split('=');
        if(arr2[0]==名稱)
        {
            回 arr2[1];
        }
    }
    返回 '';
}
函數removeCookie(名稱)
{
    setCookie(name, 'a', -1);
}
//事件
函數 myAddEvent(obj, ev, fn){
    obj.attachEvent?obj.attachEvent('on' ev, fn):obj.addEventListener(ev, fn, false);
}
函數 myDelEvent(obj, ev, fn){
    obj.detachEvent?obj.detachEvent('on' ev, fn):obj.removeEventListener(ev, fn, false);
}
函數 getByClass(oParent, sClass)
{
    var aEle=oParent.getElementsByTagName('*');
    var re=new RegExp('\b' sClass '\b', 'i');
    var aResult=[];
    for(var i=0;i     {
        if(re.test(aEle[i].className))
        {
            aResult.push(aEle[i]);
        }
    }
    回傳一個結果;
}
函數bindEvent(obj, ev, fn)
{
    obj.addEventListener?obj.addEventListener(ev, fn, false):obj.attachEvent('on' ev, fn);
}
函數 unbindEvent(obj, ev, fn)
{
    obj.removeEventListener?obj.removeEventListener(ev, fn, false):obj.detachEvent('on' ev, fn);
}
// 隨機生成數
函數 rnd(n, m)
{
    return Math.random()*(m-n) n;
}
函數 time2date(t)
{
    函數 d(n){回傳 n     var oDate=new Date(t*1000);
return oDate.getFullYear() '-' d(oDate.getMonth() 1) '-' d(oDate.getDate()) ' ' d(oDate.getHours()) ':' d(oDate.getMinutes()) ':' d(oDate.getSeconds());
}
函數 time2day(t)
{
    函數 d(n){回傳 n     var oDate=new Date(t*1000);
    return oDate.getFullYear() '-' d(oDate.getMonth() 1) '-' d(oDate.getDate());
}
//拖曳
函數拖曳(objEv, objMove, fnMoveCallBack)
{
    var disX=0,disY=0;
    objEv.onmousedown=函數 (ev)
    {
        var oEvent=ev||事件;
        disX=(document.documentElement.scrollLeft||document.body.scrollLeft) oEvent.clientX-objMove.offsetLeft;
        disY=(document.documentElement.scrollTop||document.body.scrollTop) oEvent.clientY-objMove.offsetTop;
        if(objEv.setCapture)
        {
            objEv.onmousemove=fnMove;
            objEv.onmouseup=fnUp;
            objEv.setCapture();
        }
        其他
        {
            document.onmousemove=fnMove;
            document.onmouseup=fnUp;
            回復錯誤;
        }
    };
    函數 fnMove(ev)
    {
        var oEvent=ev||事件;
        var l=(document.documentElement.scrollLeft||document.body.scrollLeft) oEvent.clientX-disX;
        var t=(document.documentElement.scrollTop||document.body.scrollTop) oEvent.clientY-disY;
        fnMoveCallBack(l,t);
    }
    函數 fnUp()
    {
        this.onmousemove=null;
        this.onmouseup=null;
        if(this.releaseCapture)this.releaseCapture();
    }
}
函數 mouseScroll(obj, fnCallBack)
{
    bindEvent(obj, '滾鼠輪', fnScroll);
    bindEvent(obj, 'DOMMouseScroll', fnScroll);
    函數 fnScroll(ev)
    {
        var oEvent=ev||事件;
        var bDown;
        if(oEvent.wheelDelta)
        {
            bDown=oEvent.wheelDelta         }
        其他
        {
            bDown=oEvent.detail>0;
        }
        fnCallBack(bDown);
        if(oEvent.preventDefault)oEvent.preventDefault();
        回傳錯誤;
    }
}
// 移動式運動
zns.site.fx.swing=函數 (obj, cur, target, fnDo, fnEnd, acc)
{
    if(zns.site.fx.browser_test.IE6)
    {
        fnDo&&fnDo.call(obj, target);
        fnEnd&&fnEnd.call(obj, target);
        返回;
    }
    if(!acc)acc=0.1;
    var now={};
    var x = 0;    //0-100
    if(!obj.__swing_v)obj.__swing_v=0;
    if(!obj.__last_timer)obj.__last_timer=0;
    var t=new Date().getTime();
    if(t-obj.__last_timer>20)
    {
        fnMove();
        obj.__last_timer=t;
    }
    clearInterval(obj.timer);
    obj.timer=setInterval(fnMove, 20);
    函數 fnMove(){
        if(x         {
            obj.__swing_v =acc;
        }
        其他
        {
            obj.__swing_v-=acc;
        }
        //if(Math.abs(obj.__flex_v)>MAX_SPEED)obj.__flex_v=obj.__flex_v>0?MAX_SPEED:-MAX_SPEED;
        x =obj.__swing_v;
        //alert(x ',' obj.__swing_v);
        for(var i in cur)
        {
            now[i]=(target[i]-cur[i])*x/100 cur[i];
        }
        if(fnDo)fnDo.call(obj, now);
        if(/*Math.abs(obj.__swing_v)         {
            clearInterval(obj.timer);
            if(fnEnd)fnEnd.call(obj, target);
            obj.__swing_v=0;
        }
    }
};
//彈性運動
zns.site.fx.flex=function (obj、cur、target、fnDo、fnEnd、fs、ms)
{
    if(zns.site.fx.browser_test.IE6)
    {
        fnDo&&fnDo.call(obj, target);
        fnEnd&&fnEnd.call(obj, target);
        戻る;
    }
    var MAX_SPEED=16;
    if(!fs)fs=6;
    if(!ms)ms=0.75;
    var now={};
    変数x=0;    //0-100
    if(!obj.__flex_v)obj.__flex_v=0;
    if(!obj.__last_timer)obj.__last_timer=0;
    var t=new Date().getTime();
    if(t-obj.__last_timer>20)
    {
        fnMove();
        obj.__last_timer=t;
    }
    clearInterval(obj.timer);
    obj.timer=setInterval(fnMove, 20);
    関数 fnMove(){
        obj.__flex_v =(100-x)/fs;
        obj.__flex_v*=ms;
        if(Math.abs(obj.__flex_v)>MAX_SPEED)obj.__flex_v=obj.__flex_v>0?MAX_SPEED:-MAX_SPEED;
        x =obj.__flex_v;
        for(var i in cur)
        {
            now[i]=(target[i]-cur[i])*x/100 cur[i];
        }
        if(fnDo)fnDo.call(obj, now);
        if(Math.abs(obj.__flex_v)         {
            clearInterval(obj.timer);
            if(fnEnd)fnEnd.call(obj, target);
            obj.__flex_v=0;
        }
    }
};
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板