時限式移動

ソースコード

+ コード展開

/*
CopyRight: C-take
License: MIT
http://shitake-crude-production.wikidot.com/time-move
*/
 
var TimeRugMove = {
    unit:"sec",
    time:0,
    url:"",
    span:50,
    inf:false,
    set:null,
    measure:null,
    run:null,
    start:null,
    setLoad:null,
    callback:null,
    state:{
        start:0,
        target:0,
        now:0,
        compute:false,
        setTime:null
    },
    unitState:{
        "msec":1,
        "sec":1000,
        "min":60000,
        "hour":3600000
    },
    unitLimit:{
        "msec":1000,
        "sec":60,
        "min":60,
        "hour":24
    },
    clear:null,
    pause:null,
    convert:null
 
};
 
TimeRugMove.set = function(){
    if(TimeRugMove.state.compute){
        return false;
    }
 
    if(!TimeRugMove.unitState[TimeRugMove.unit]){
        return false;
    }
 
    TimeRugMove.state.compute=true;
    TimeRugMove.state.start = (new Date()).getTime();
    if(TimeRugMove.state.target <= 0){
        TimeRugMove.state.target = TimeRugMove.time * TimeRugMove.unitState[TimeRugMove.unit];
        if(isNaN(TimeRugMove.state.target)){
        TimeRugMove.state.target = 0;
            return false;
        }
    }
 
return true;
}
 
TimeRugMove.measure = function measure(endFunc){
    var timePack = new Object();
    TimeRugMove.state.now = (new Date()).getTime();
    timePack.now = TimeRugMove.state.now 
    timePack.start = TimeRugMove.state.start;
    timePack.progress = timePack.now - timePack.start;
    timePack.limit = TimeRugMove.state.target;
    timePack.end = timePack.start+timePack.limit;
    timePack.rem = timePack.limit - timePack.progress;
 
    if(TimeRugMove.callback){
        TimeRugMove.callback(timePack);
    }
    var decide = timePack.rem;
    delete timePack;
    if(0 < decide || TimeRugMove.inf){
        TimeRugMove.state.setTime = setTimeout(function(){measure(endFunc);},TimeRugMove.span);
    }else{
        if(endFunc){
            endFunc();
        }
    }
};
 
TimeRugMove.start = function(func){
    if(!TimeRugMove.set()){
        return;
    }
    TimeRugMove.measure(func);    
}
 
TimeRugMove.run = function(){
    TimeRugMove.start(function(){
        if(window.parent == window){
            window.location.href =TimeRugMove.url;
        }else{
            window.parent.window.location.href=TimeRugMove.url;
        }
    });
}
 
TimeRugMove.convert = function(msec,unit,isRem){
    if(msec < 0)msec = 0;
    var simple = Math.floor(msec/TimeRugMove.unitState[unit]);
    if(isRem){
        simple %= TimeRugMove.unitLimit[unit];
    }
    return simple;
 
}
 
TimeRugMove.setLoad = function(str){
    if(!str)str = "run";
    if(typeof(TimeRugMove[str]) != "function")return;
    document.addEventListener('DOMContentLoaded',TimeRugMove[str],false);
}
 
TimeRugMove.pause = function(){
    if(!TimeRugMove.state.compute){
        return;
    }
    TimeRugMove.state.compute=false;
    TimeRugMove.state.target -= (TimeRugMove.state.now - TimeRugMove.state.start);
    window.clearTimeout(TimeRugMove.state.setTime);
}
 
TimeRugMove.clear = function(){
    if(!TimeRugMove.state.compute){
        return;
    }
    TimeRugMove.state.compute=false;
    TimeRugMove.state.target = 0;
    window.clearTimeout(TimeRugMove.state.setTime);
}
 
window.addEventListener("beforeunload",function(){
    delete TimeRugMove;
    if(TimeRugMove.state.setTime){
        window.clearTimeout(TimeRugMove.state.setTime);
    }
});

TimeRugMove

概要

ユーザが設定した時間が経過した時、ユーザが設定したurlに画面遷移します。

格納先

http://shitake-crude-production.wikidot.com/time-move/code/1

導入コード

<script type="text/javascript" src="http://shitake-crude-production.wikidot.com/time-move/code/1"></script>

プロパティ

プロパティ名	型	説明
unit	String	指定時間の単位を設定します。 msec : ミリ秒 sec : 秒 min : 分 hour : 時
time	Number	タイムリミットを設定します。 現在の時刻からどれぐらいの時間経過で画面遷移するか設定します。
url	String	画面遷移先のurlを設定します。
span	Number	時刻の取得を行う間隔をミリ秒単位で設定します。
callback	Function	時刻計測中に動作する関数を設定します1
inf	Boolean	初期値: false 無限に時間計測を行うか設定します。 trueの場合、終了時間後に設定した関数も 作動せず、ページを開き続けている限り時間計測を 行い続けます。

メソッド

メソッド名	引数	返り値	説明
run		Undefined	時間計測を開始もしくは再開します
setLoad		Undefined	ページ読み込みが完了した直後にrunメソッドが動作するように設定します
pause		Undefined	時間計測を一時中断します
clear		undefined	時間計測を中止、状態をリセットします
callback	Arg1: Number Arg2: String Arg3: Boolean	Number	第1引数に渡されたミリ秒を第2引数で渡された時間単位に変換します。 第2引数による時間単位の指定はunitプロパティと同様です。 第3引数にtrueを入れた場合より大きい時間単位までの間の数値を返します。
set		Boolean	現在の時刻をUNIX時刻で取得します。 また計測終了時間が0の場合、プロパティで 設定された値に従って計測終了時間を計算し、設定します。 時間設定処理の成否を返り値で渡します。
measure	Function	Undefined	オブジェクトの設定にもとづき時間計測を行います。 終了時間以上の時間が経過し、なおかつinfプロパティ がfalseの場合は時間計測を終了し、引数で渡された 関数を発動します。
start	Function	Undefined	set()メソッドをおこなった後、measure()メソッドを起動します。 引数で渡された関数をmeasure()メソッドに渡します。

サンプルページ

時間経過によるページ遷移

ライセンス

CopyRight: C-take
License: MIT
Source: http://shitake-crude-production.wikidot.com/time-move

Footnotes

1. この関数に引数を設定した場合、下記のプロパティを持つ引数がわたされます。

プロパティ名	型	説明
now	Number	現在時刻（UNIX時間)
start	Number	計測開始時刻（UNIX時間)
end	Number	終了時刻（UNIX時間）
progress	Number	経過時間（ミリ秒）
rem	Number	残り時間（ミリ秒）
limit	Number	目標経過時間（ミリ秒)