Question

我正在尝试使用jquery的const WithLink = ({ link, className, children }) => (link ? <a href={link} className={className}> {children} </a> : children ); return ( <WithLink link={this.props.link} className={baseClasses}> <i className={styles.Icon}> {this.props.count} </i> </WithLink> );函数在3秒内淡出一个元素，并且它逐渐消失以达到每秒3步的WCAG 2.0标准。

有没有办法将动画步骤限制为每秒3步？它会变得不稳定，但可以访问。

我目前的代码是：

.fadeOut()

Answer 1

您可以使用jQuery.fx.interval更改动画触发的速率（以毫秒为单位）。

＆＃13;

// Change the interval to 333ms you have 3 intervals per second
jQuery.fx.interval = 333;

$(document).ready(function(){
    $(".btn1").click(function(){
        $("p").fadeOut(3000)
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn1">Fade out</button>
<p>This is some text</p>

＆＃13;

您可以阅读有关更改动画间隔here的更多信息。

将fadeOut（）限制为每秒3步

1 个答案: