ホームページ > ウェブフロントエンド > jsチュートリアル > Yourself_JavaScript スキルによってカプセル化された一般的な JavaScript 関数を共有する

Yourself_JavaScript スキルによってカプセル化された一般的な JavaScript 関数を共有する

WBOY
リリース: 2016-05-16 16:21:53
オリジナル
943 人が閲覧しました

これらは一般的に使用される関数なので、ここではあまり意味のないことには触れません。実際に見てみれば理解できるでしょう。

コードを入力してください:

コードをコピー コードは次のとおりです:

//クッキー
関数 setCookie(名前, 値, iDay)
{
    if(iDay!==false)
    {
        var oDate=new Date();
        oDate.setDate(oDate.getDate() iDay);
        document.cookie=名前 '=' 値 ';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]==名前)
        {
            return arr2[1];
        }
    }
    '';
を返します }
関数removeCookie(name)
{
    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]);
        }
    }
    Result を返します;
}
関数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)
{
    function d(n){return n     var oDate=新しい日付(t*1000);
    return oDate.getFull Year() '-' d(oDate.getMonth() 1) '-' d(oDate.getDate()) ' ' d(oDate.getHours()) ':' d(oDate.getMinutes()) ':' d(oDate.getSeconds());
}
関数 time2day(t)
{
    function d(n){return n     var oDate=新しい日付(t*1000);
    return oDate.getFull Year() '-' 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;
            false を返します;
        }
    };
    関数 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();
        false を返します;
    }
}
//摆アニメーション
zns.site.fx.swing=function (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={};
    変数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);
        return;
    }
    var MAX_SPEED=16;
    if(!fs)fs=6;
    if(!ms)ms=0.75;
    var now={};
    var 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);
    function 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)<1 && Math.abs(100-x)<1)
        {
            clearInterval(obj.timer);
            if(fnEnd)fnEnd.call(obj, target);
            obj.__flex_v=0;
        }
    }
};
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート