×
Crocus
공부한 내용을 정리하는 블로그로 시작한
Crocus는 2014년 1월 14일 부터 시작하여
현재 월 6만명, 총 1,701,154명의 방문자 수를 기록하고 있습니다.
Donation
이제 많은 사용자들이 이용하는 만큼
더 다양한 서비스 개발/제공을 위해 후원금을 모금하고자 합니다.
후원을 해주시는 분들은 Donators 명단에 성명, 후원금을 기입해드리며
Crocus 블로그가 아닌 다른 곳에 정리해둔 저만의 내용을 공유해 드리고자 합니다.
Account
예금주 : 고관우
신한은행 : 110-334-866541
카카오뱅크 : 3333-01-7888060

👉 후원 페이지 바로가기 Donators
익명 : 5000원(Crocus응원합니다.)
busyhuman: 5000원(유용한 지식 감사합니다.)
익명 : 5000원(알고리즘 학습러)
728x90
반응형

간혹 특정시간동안 어떤 element의 속성이나 특성을 감지해야할 필요가 있는데

 

이때 Jquery가 아닌 javascript trick을 이용하여 속성 감지를 할 수 있다.

 

아래 코드를 통해 확인해보자.

<script>
	var maxTime = 60000, startTime = Date.now();
	var interval = setInterval(function () {
		if ($('#container').is(':visible')) {
			// visible, do something
			if (Date.now() - startTime > maxTime) {
				clearInterval(interval);
			}
		} else {
			if(document.getElementById('container') == null) {
				document.getElementById('id-name').style.display = "none";
			}
			clearInterval(interval);
		}
	}, 100);
</script>

 

우선 최대 감지 시간을 60000 즉, 60초로 설정해 두었다.

이때 setInterval을 통해 0.1초마다 한번씩 확인해주고

 

if(Data.now() - startTime > maxTime)에서 시작으로부터 60초가 지나면 clearInterval을 통해 현재 감시를 종료시킨다.

 

그게 아닐 경우 여기서는 해당 id가 없다면 특정 id의 display 속성을 none으로 변경해주는 방식이다.

 

반응형