如何使用HTML输入在Jquery中设置淡入淡出计时器？

Question

我有一个＆lt; div>需要淡入它会有一个输入框，其中包含正确的计时器设置。但我想在它重新启动时设置它，以便以js中的速度淡入淡出？

Answer 1

$.fadeOut和$.fadeIn函数采用淡入淡出动画持续时间的参数。您可以在输入框中使用.val()函数并将其作为属性传递。

示例：

<div id="target" style="display:none;">Hello World!</div>
<input id="duration" value="1000" />
<button>Click To Show!</button>

<script type="text/javascript">
    $(function () {
        $('button').click(function(){
            $('#target').fadeIn($('#duration').val());
        });
    });
</script>

Answer 2

var speed = $('#element').val();

$('#another-element').fadeIn('fast').delay(speed).fadeOut('fast');