모든 배너 이미지를 랜덤하게 노출하고싶습니다...
본문
일단 지금 해둔짓은
<script language="JavaScript" type="text/JavaScript">
var banner = new Array();
banner[0]="<a href='/1'><img src='/1.jpg' border='0' width='376px''></a>";
banner[1]="<a href='/2'><img src='/2.jpg' border='0' width='376px'></a>";
banner[2]="<a href='/3'><img src='/3.jpg' border='0' width='376px'></a>";
var random_banner = Math.floor(Math.random()*(banner.length));
</script>
<script>document.write(banner[random_banner]);</script>
요렇게 해서 랜덤노출까지는 어떻게 한다고 했는데...
이미지 3개가 모두 나오게, 대신 중복되지 않게 처리하고싶은데 도저히 안되네요 ㅠ
정식으로 뭘 배운적 없다보니 지식이 비루한데,
염치 불구하고 도움좀 부탁드리겠습니다...!
답변 1
자바스크립트로 배열의 요소를 무작위로 썩기
자바스크립트에서 배열 요소를 무작위로 썩기 위해서는 Array.sort()와 Math.random()을 사용하면 됩니다.
[예제 참조]
function shuffle(array) {
array.sort(() => Math.random() - 0.5);
}
var numbers = [1, 2, 3];
shuffle(numbers);
감사합니다!
답변을 작성하시기 전에 로그인 해주세요.