Cách đặt tốc độ khung hình khác nhau cho mỗi hoạt ảnh trong jQuery

Question

Tôi biết tỷ lệ khung hình trong jQuery có thể được đặt thông qua jQuery.fx.interval. Tuy nhiên, nó áp dụng cho tất cả các jQuery chức năng Animate nội bộ như slideDown, fadeIn và animate, vv

Tôi muốn thiết lập tỷ lệ khung hình cho mỗi animate(), làm thế nào tôi có thể archieve đó?

Answer 1

Từ API documentation page:

Kể từ jQuery sử dụng một khoảng thời gian toàn cầu, không có hình ảnh động nên chạy hoặc tất cả các hình ảnh động nên ngừng cho sự thay đổi của khách sạn này có hiệu lực.

Lưu ý: jQuery.fx.interval hiện không có hiệu lực trong các trình duyệt hỗ trợ thuộc tính requestAnimationFrame, chẳng hạn như Google Chrome 11. Hành vi này có thể thay đổi trong bản phát hành trong tương lai.

tôi mất từ ​​này mà bạn không thể thiết lập tỷ lệ khung hình cho một animate cuộc gọi cá nhân, trừ khi bạn đã sẵn sàng để không có hình ảnh động cho đến khi ai hoàn thành, và thậm chí sau đó bạn không thể đảm bảo hành vi. Nó có lẽ là tốt nhất để rời khỏi các thiết lập một mình.

Answer 2

Bạn có thể thay đổi điều này bằng cách sử dụng fx.interval. Như thế này:

jQuery.fx.interval = 100; 

$("input").click(function(){ 
    $("div").toggle(3000); 
}); 

Mặc dù nó nói trong tài liệu đó:

jQuery.fx.interval hiện không có tác dụng trong các trình duyệt có hỗ trợ tài sản requestAnimationFrame, chẳng hạn như Google Chrome 11. Hành vi này là chủ đề để thay đổi trong bản phát hành trong tương lai.