jQuery.fx.interval > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

jQuery.fx.interval 정보

jQuery jQuery.fx.interval

본문

jQuery.fx.interval

 

설명 : 애니메이션이 실행되는 속도 (밀리 초)입니다.

이 property는 버젼 3.0 이후는 추천되어 있지 않습니다 requestAnimationFrame. 또 ,이 Methods 를 지원하고있는 브라우저에서는 효과가 없습니다 .

지원하지 않는 브라우저 requestAnimationFrame에서는이 속성을 변경하여 애니메이션이 실행되는 간격을 조정할 수 있습니다. 기본값은 13 밀리 초입니다.

jQuery는 하나의 전역 간격을 사용하기 때문에이 속성의 변경 사항을 적용하려면 애니메이션을 실행하지 않아야합니다. 그렇지 않으면 모든 애니메이션이 중지되어야합니다.

예:
모든 애니메이션이 적은 프레임으로 실행되도록합니다.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.fx.interval demo</title>
  <style>
  div {
    width: 50px;
    height: 30px;
    margin: 5px;
    float: left;
    background: green;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<p><input type="button" value="Run"></p>
<div></div>
 
<script>
jQuery.fx.interval = 100;
$( "input" ).click(function() {
  $( "div" ).toggle( 3000 );
});
</script>
 
</body>
</html>

추천0
스폰서링크

댓글 전체

전체 4,923
개발자팁 내용 검색

회원로그인

진행중 포인트경매

  1. 500여 동영상강좌 평생 무료 이용 쿠폰 (365OK 무료이용)

    참여22 회 시작18.07.16 11:13 종료18.07.21 11:13
  2. GNU푸시앱 70%할인(107,800원 상당) 쿠폰

    참여13 회 시작18.07.16 10:39 종료18.07.19 10:39

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT