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

Question

我有一个< 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');