JavaScript でページ読み込み時にページをふんわりと表示させる方法

var DURATION = 400,
    LAG = 200;
$(function() {
  // 実際にページの読み込み時に処理を行う
  initializePageOpacity(DURATION, LAG);
});
// ページロード時にページの透過度を設定する
// opacity: 透過度
// duration: 変更にかける所要時間
// lag: 変更を開始するまでの時間
function initializePageOpacity(duration, lag) {
  setBodyOpacity(0, 1);
  setTimeout(function() {
    setBodyOpacity(1, duration);
  }, lag);
}
// ページの透過度を設定する
// opacity: 透過度
// duration: 変更にかける所要時間
function setBodyOpacity(opacity, duration) {
  $(document.body).animate({'opacity': opacity}, duration);
}