如何使用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');