묻고답하기
특정 div을 랜덤으로 보이게 안보이게하는 자바스크립트 구현하고 있는데 힘드네요
2017.02.24 18:44
페이지 로드시 id가 boxbox인 div를 랜덤하게(또는 일정확률로) 보이거나 안보이게 하는
자바스크립트를 구현하려고 하는데요
제가 구상한 것은
math메소드로 1~5 사이 임의 정수를 추출하고 picker라는 변수에 대입시킨뒤
if함수로 picker가 1,2 일때는 id가 boxbox인 div를 보이게하고
if함수로 picker가 3,4,5일때는(또는 1,2가 아닐때) id가 boxbox인 div를 안보이게하려고 합니다.
아래처럼 해보다가 한계인데요
head>
script type="text/javascript">
var picker
picker = (Math.floor(Math.random() * 5) + 1); → 1~5임의 숫자 추출
if (picker== 1또는2??? )
{ 수행문1???
else
수행문2???
}
/head>
body>
div id="boxbox">aaaaa</div>
/body>
혹
페이지 로드시 id가 boxbox인 div를 랜덤하게 (또는 일정확률로) 보이거나 안보이게 하는
다른 방법이 있으면 알려주세요
댓글 2
-
감사합니다!!! 제이쿼리가 역시 코딩이 간단하네요!!
다만 visibility:hidden;은 보이지 않을때도 해당 공간이 비어있다고 해서
display:none;로 바꿔서 적용하니 안보일때는 다른 내용이 채워져서 제의도에 맞게 잘 작동합니다!!
<script> jQuery(function($) { if(Math.random() < 0.5) { $('#boxbox').css('visibility', 'hidden'); } else { // do something else } }); </script>FIFTY-FIFTY 입니다.