La propiedad jQuery.fx.interval en jQuery se usa para modificar la cantidad de cuadros por segundo en los que se ejecutarán las animaciones y para cambiar la velocidad de disparo de la animación en milisegundos. Su valor por defecto es 13ms.
Sintaxis:
jQuery.fx.interval = milliseconds;
Parámetros: este método acepta milisegundos de parámetro único, lo cual es obligatorio. Se utiliza para especificar la velocidad de activación de la animación en milisegundos. Su valor por defecto es de 13 milisegundos.
Ejemplo 1: este ejemplo usa la propiedad jQuery.fx.interval para cambiar la velocidad de activación de la animación.
<!DOCTYPE html>
<html>
<head>
<title>
jQuery jQuery.fx.interval Property
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<style>
.box {
background:green;
height:100px;
width:100px;
margin:50px;
}
</style>
</head>
<body>
<center>
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2> jQuery.fx.interval property</h2>
<button id="toggle">
Toggle div
</button>
<button id="interval">
Run animation with less frames
</button>
<div class="box"></div>
<!-- Script to illustrate jQuery.fx.interval
property -->
<script>
$(document).ready(function(){
$("#toggle").on("click", function() {
$("div").toggle(5000);
});
$("#interval").on("click", function() {
jQuery.fx.interval = 500;
});
});
</script>
</center>
</body>
</html>
Producción
Ejemplo 2: este ejemplo usa la propiedad jQuery.fx.interval para cambiar la velocidad de activación de la animación.
<!DOCTYPE html>
<html>
<head>
<title>
jQuery jQuery.fx.interval Property
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<style>
.box {
background:green;
height:100px;
width:100px;
margin:50px;
}
</style>
</head>
<body>
<center>
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2> jQuery.fx.interval property</h2>
<button id="toggle">
Toggle div
</button>
<button id="interval">
Run animation with less frames
</button>
<div class="box"></div>
<!-- Script to illustrate jQuery.fx.interval
property -->
<script>
$(document).ready(function(){
$("#toggle").on("click", function() {
$("div").toggle(500);
});
$("#interval").on("click", function() {
jQuery.fx.interval = 5000;
});
});
</script>
</center>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA