니노's 잡학로그 :: 알아두면쏠한 지식

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;
}

'Web Publisher > jQuery' 카테고리의 다른 글

jQuery 를 이용한 반응형 FullPage (resize) 만들기  (0) 2021.04.02

이 글을 공유합시다

facebook twitter googleplus kakaoTalk kakaostory naver band