beforeunload在離開頁面前執行業務邏輯

window有個beforeunload事件，是在離開頁面前觸發的；大家肯定會很快聯想到unload這個事件，二者有的區別還是蠻大的，字面上就很好理解，beforeunload在時間線上在unload之前執行，分解點就是頁面卸載時間；

經常會有一些在用戶離開頁面前執行一些業務的應用場景，這都要用到onbeforeunload事件；比如記錄用戶停留時長的業務，在GA等頁面訪問統計的應用中都包含這個：

;(function(){
    var startTime = Math.ceil(new Date().getTime()/1000), //單位秒
        getDuration = function(){
            var time = '',
                hours = 0,
                minutes = 0,
                seconds = 0,
                endTime = Math.ceil(new Date().getTime()/1000),
                duration = endTime - startTime;

            hours = Math.floor(duration/3600); //停留小時數
            minutes = Math.floor(duration%3600/60); //停留分鍾數
            seconds = Math.floor(duration%3600%60); //停留秒數

            time = (hours < 10 ? '0' + hours : hours) + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);

            return time;
        };        


    window.onbeforeunload = function(e){
        var duration = getDuration();

        //request(duration);
    };
})();