如何使用setInterval函数逐个获取输入值

时间:2015-04-26 15:42:01

标签: javascript jquery

在这里,我想创建一个类似幻灯片概念的东西,它使用setInterval函数逐个获取值。我刚刚尝试基于逻辑实现,但它没有按预期工作,只是得到错误输出。所以如何修复并改进我的代码?

的jQuery

  setInterval(function() { 
     var getValue = $('#slideShow').find('input:first').val()
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideShow');
     alert(getValue);
},  3000);

HTML

<div id="slideShow">
    <input type="hidden" value="one"/>
    <input type="hidden" value="two"/>
    <input type="hidden" value="three"/>
 </div>

1 个答案:

答案 0 :(得分:2)

您无法在.fadeOut()方法之后链接.val()方法。

.val()方法没有返回jQuery对象,它是returns a string/number/array

.fadeOut()方法需要一个jQuery对象,这就是你收到错误的原因。

您可以使用:

Example Here

setInterval(function() { 
    var getValue = $('#slideShow').find('input:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideShow');

    alert(getValue.val());
},  3000);