如何在带有HTML输入的Jquery中设置淡入淡出计时器？

我有一个需要淡入的

，它将有一个输入框，带有正确的定时器设置。但我想在它重新启动时设置它，以便它以js中的速度淡入淡出

淡出和淡出功能采用淡出动画持续时间的参数。您可以使用输入框上的

.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>

你好，世界！
点击显示！
$（函数（）{
$（“按钮”）。单击（函数（）{
$（'#target'）.fadeIn（$（'#duration'）.val（））；
});
});

你能说得更清楚一点，或者多用点标点符号吗。此外，粘贴一些代码也会有所帮助。

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

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