본문 바로가기
javaScript/J Query & 스크립트

Math 클래스

by mooyou 2019. 8. 12.
728x90
300x250
SMALL

숫자를 랜덤하게 생성하는 기능부터 사인및 코사인 같은 수학관련기능이 담겨있다.

 

이럴때 사용

- 배너나 이미지 슬라이더의 콘텐츠를 랜덤하게 보여줄 때 math.random()메서드 사용

- 콘텐츠의 위치를 무작위로 설정할 때

- 게시판의 페이지 수를 구할 때

- 이미지 갤러리 제작 시 이미지를 곡선에 따라 나열하고 싶을때

 

 

abs()       숫자의 절댓값을 반환
acos()      숫자의 아크코사인 값을 반환
asih()       숫자의아크사인 값을 반환
atan()      숫자의 아크탄젠트 값을 반환
atan2()     x축과 주어진 점이 이루는 각도를 라디안 값으로 반환
ceil()        숫자의 올림값을 반환
cos()        숫자의 코사인 값을 반환
floor()      숫자의 내림값을 반환
log()        숫자의 자연로그 값을 반환 
max()       주어진 두 수 중 큰 값을 반환 
min()        주어진 두 수 중 작은 값을 반환
random()   0과 1사이의 난수 값을 반환
round()     숫자와 가장 가까운 정수로 반올림하거나 반내림한 값을 반환
sin()         숫자의 사인 값을 반환
sqrt()        숫자의 제곱근을 반환
tan()        숫자의 탄젠트 값을 반환

 

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>
728x90
반응형
LIST

댓글