Javascript 输入字段值不透明度动画

如何设置输入字段值的不透明度的动画，例如在300秒内从0.5到1.0，然后返回到0.5并循环

function pulse() {
    $('#myElement')
        .animate({opacity:1.0}, 300)
        .animate({opacity:0.5}, 300, pulse);
}

pulse();

---

假设您的意思是300ms（）

如果要设置动画的元素的id为foo：

function toOpa05() {
    $('#foo').animate({opacity: 0.5}, 300, toOpa1);
}
function toOpa1() {
    $('#foo').animate({opacity: 1.0}, 300, toOpa05);
}
toOpa05();

---

这里的工作示例：

我认为您需要在第一个调用中调用第二个animate（），反之亦然，第二个animate中的自引用“pulse”回调将重新启动循环。这是安全的堆栈溢出。是的。只有在完成第二个animate（）之后，才会重新启动循环。但是，连续进行两次动画调用[elem.animate（）.animate（）]会确保第二次调用（1到0.5）仅在第一次调用完成后才被调用吗？我如何将其应用于输入字段textarea而不是div，以便文本可以使用动画？@VijayakrishnanK-是，jQuery会在元素上连续链接动画，除非您要求它这样做。谢谢！如何将其应用于输入字段文本？比如说文本值从黑色逐渐变为灰色？你可以用文本输入的id替换上面代码中的foo。但是上面的代码改变了整个输入字段的不透明度，而不仅仅是其中的文本。