채택완료

홈페이지 접속시 랜덤으로 이미지 출력하기

홈페이지 메인에 접속했을 때 이미지가랜덤으로 출력되게 하고싶은데요~ 

이미지 출력에 대한 비율을 설정하고 싶습니다.

1번이미지 80%의 확률

2번이미지 10%

3번이미지 5%

4번이미지 5%

이런식으로 노출 빈도를 잡아주고 싶은데 어떤 코드를 써야할까요?

var randombanner=new Array();

randombanner[0]="<img src=이미지 링크.확장자 alt=설명>";

randombanner[1]="<img src=이미지 링크.확장자 alt=설명>";

randombanner[2]="<img src=이미지 링크.확장자 alt=설명>";

var randomNumber = Math.floor( Math.random() * (randombanner.length) );

|

답변 2개

채택된 답변
+20 포인트
2021-06-02 (수) 17:35:43

0 ~ 99 까지 랜덤숫자 추출 후, 0~80, 81 ~ 90, .. 으로 조건을 걸어주는 방법이 있습니다. 

var randomNumber = Math.floor( Math.random() * 100);
var idx = 0;

if (randomNumber < 80)
    idx = 0;
else if (randomNumber >= 80 && randomNumber < 90)
  idx = 1;
else if (randomNumber >= 90 && randomNumber < 95)
  idx = 2;
else if (randomNumber >= 95 && randomNumber < 99)
  idx = 3;

alert(idx);

답변을 작성하려면 로그인이 필요합니다.