Math.random() * max;
0 ~ max 사이의 소수점 아래 16자리의 실수 값을 생성한다. (max 값 포함 안됨)
Math.floor(Math.random() * max);
0 ~ (max - 1) 까지의 정수 값을 생성
var rand = Math.random() * max; // 0 ~ max 사이의 랜덤 값을 생성, max는 포함하지 않음
var randInt = Math.floor(Math.random() * max); // 0 ~ (max - 1) 사이 정수 값 생성
예를 들어 새로고침 때마다 배경을 바꿔 주기 위해선
Math.floor(Math.random() * max); 에서 max 부분 대신에 .length 를 이용하여 이미지 총 개수를 넣으면 된다.
// 배경 총 개수
var bgListTotal = bgList.length;
// 랜덤 정수 생성
var rand = Math.floor(Math.random() * bgListTotal);
// 최초 포커스 및 배경을 세팅하자.
changeView(rand);
//--------- 아래에 function changeView() 에 대해 만드세요. ------
또한, 아래와 같이 함수로 만들어서 사용하면 사용하기 아주 편하다.
// min ~ max 사이의 랜덤 수 생성
function randomReal(min, max) {
return Math.random() * (max - min) + min;
}
// min ~ max 사이의 랜덤 정수 생성
function randomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
jQuery 를 이용한 반응형 FullPage (resize) 만들기 (0) | 2021.04.02 |
---|