めも帖

「めも帖」代わりにダラダラと書いていったり、めもしたりしているだけです。

setIntervalを使ったレイヤー表示

以前、livedoor readerみたいな全画面レイヤー表示を作ってみていました。でも、画面サイズを変更すると、隠れていない部分が出てきてしまいました。
そこで、setIntervalを利用したのを改めて作ってみました。今回、初めてsetIntervalを利用してみたので、不安。

function glayer(){
	glayerResize();
	var glayerTimer

	if( $('glayer').style.display ){
		$('glayer').style.display = '';
		clearInterval(glayerTimer);
	}else{
		$('glayer').style.display = 'block';
		var glayerTimer = setInterval(glayerResize,10);
	}
}

function glayerResize(){
	var w   = document.body.clientWidth;
	var h   = '';
	var h1  = document.documentElement.clientHeight
	var h2  = document.body.scrollHeight;

	if( h1 > h2 ){
		h = h1;
	}else{
		h = h2;
	}

	$('glayer').style.width   = w + 'px';
	$('glayer').style.height  = h + 'px';
}