숫자를 랜덤하게 생성하는 기능부터 사인및 코사인 같은 수학관련기능이 담겨있다.
이럴때 사용
- 배너나 이미지 슬라이더의 콘텐츠를 랜덤하게 보여줄 때 math.random()메서드 사용
- 콘텐츠의 위치를 무작위로 설정할 때
- 게시판의 페이지 수를 구할 때
- 이미지 갤러리 제작 시 이미지를 곡선에 따라 나열하고 싶을때
abs() 숫자의 절댓값을 반환
|
Math 클래스는 다른 자바스크립트 코어 클래스와 달리 대부분의기능이 클래스 메서드로 구성되어 있어서 인스턴스 생성 없이 즉시 사용할 수 있다. 즉, 바로 호출해서 사용가능하다.
math.기능();
메서드는 인스턴스를 생성해야 사용할 수 있는 인스턴스 메서드와 인스턴스 생성없이 사용할 수 있는 클래스 메서드가 있다.
램덤 숫자 만들기 ----------------------------------
var value = Math.random() * 원하는 수
리턴값 : 0~1사이의 소수값을 리턴해 준다.
0에서 0.99999999999사이의 값을 무작위로 만들어낸다 그래서 정수 값을 구하려면
var result = parseInt(Math.random()*100);
alert("값 = "+result);
예제_ 0.5초에 한 번씩 50번에서 100번 사이의 숫자를 #info에 출력
<script>
var $info = null;
$(document).ready(function() {
$info = $("#info");
showRandom();
setInterval(showRandom, 500);
})
function showRandom() {
var value = parseInt(Math.random() * 50) + 50;
$info.html(value);
}
</script>
</head>
<body>
<div id="info">
0
</div>
</body>
'javaScript > J Query & 스크립트' 카테고리의 다른 글
String 클래스 소개 (0) | 2019.08.31 |
---|---|
Math 클래스 : Math.min(), Math.max() (0) | 2019.08.14 |
타이머 함수 소개 - setInterval() (0) | 2019.08.05 |
탭메뉴 함수 내부 여러 개의 중첩함수로 포장하기 (0) | 2019.08.02 |
콜백함수 (0) | 2019.08.01 |
댓글