관리 메뉴

web sprit

[JavaScript] 퍼센트(%) 또는 값 구하기 본문

스크립트/JavaScript

[JavaScript] 퍼센트(%) 또는 값 구하기

커드만 커드만 2021. 4. 1. 12:28

퍼센트 구하기

포함값 / 전체값 * 100
ex) 어떠한 전체의 가로길이가 300 이고 그 안에 포함되는 값이 50일 경우
이것에 대한 50은 300 안에서 몇 퍼센트 일까요?
50 / 300 * 100 = 16.6666666....... %

 

값 구하기

포함 퍼센트 / 100%(전체 퍼센트) * 전체값
ex) 전체값은 300 이고 포함된 퍼센트는 20%라고 할때 20%의 값은 얼마일까요?
20 / 100 * 300 = 60

 

참고
 

javascript - 스크롤을 기반으로 이미지를 페이딩하는 수식이 필요합니다

현재 다음 공식을 사용하고 있습니다 : var scrollTop = $(this).scrollTop(); $('.item').css({opacity: 100 / scrollTop}); 그러나 내 웹 사이트의 홈 페이지를 보면 한 순간에 웹 페이지가 더 이상 사라지지 않습니다.

www.python2.net

 

 

화면 스크롤 시 배경화면 투명도 변환하기 > Javascript | 밤톨넷 Ver.5

$(window).ready(function(){ var max = 500; //100% 투명할때의 스크롤 값 $(window).scroll(function(){ var scrollPX = $(this).scrollTop(); if( scrollPX  < max ) { $("#bg").css({"opacity": (max-scrollPX)/max }); }else{ $("#bg").css({"opacity": 0}); }

bamtol.net

 

 

[javascript] 스크롤에 따라 부드러운 애니메이션 구현하기 – Under The Pencil

들어가기 전에 영감을 받은 사이트는 애플의 iPhone SE 를 소개하는 페이지였습니다. 저 부드러운 텍스트를 꼭 구현해보고 싶다!! 그런 생각을 했습니다. 하지만 정확한 스크롤 위치에 따른 부드러

elvanov.com

 

 

자바스크립트] 퍼센트 증가-감소, 백분율 인상-인하 계산; JavaScript Percent Increase Decrease

자바스크립트에서 어떤 숫자를 몇 퍼센트 증가시키거나 또는 감소시키는 방법입니다. 별도의 함수가 제공되지 않기에, 아래 예제처럼 간단한 공식을 사용하여 계산합니다. 그런데 자바스크립

mwultong.blogspot.com

 

 

자바스크립트] 퍼센트 계산, 백분율 구하기 소스; Percent JavaScript

자바스크립트로 퍼센트 계산을 하는 방법입니다. * 전체값에서 일부값이 몇 퍼센트인지 * 전체값의 몇 퍼센트는 얼마인지 이 2가지를 계산합니다. 퍼센트 계산 함수가 없기에 간단한 공식을 사

mwultong.blogspot.com

0 Comments
댓글쓰기 폼