Javascript 如何在一段时间后定期更改给定文本的不透明度

我想在一段时间后定期更改文本的不透明度。在一段时间间隔后，循环中的不透明度应从30%更改为100%

我使用了：

$（“#mydiv”）.animate（{opacity:1.0}，2000）

但是不能循环使用。
您可以通过css实现这一点：

#mydiv {
    animation-name: periodicfading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 0s;
}

@keyframes periodicfading {
    0% {
        opacity: 0.3;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        opacity: 0.3;
    }
}

您可以对div使用css不透明动画，然后添加此代码

myID先生{

动画迭代次数：无限

}
这将让您了解如何使用
setInterval
随时间改变不透明度

我让你们继续“循环”，而不是在我们达到100%时结束它。（作为提示，您可以编写一个类似的名为“light”的函数，并使用一个名为“gettingDarker”的布尔值来帮助决定调用哪个函数。）


const myDiv=document.getElementById（“myDiv”）；//获取对div的引用
不透明度设为0.3；//初始化JavaScript变量
myDiv.style.opacity=不透明度；//初始化div的不透明度
//每500毫秒呼叫一次“变暗”
//（标识'ticker'，以便稍后将其传递给'clearInterval'）
常量代码=设置间隔（变暗，500）；
函数变暗（）{
控制台日志（不透明度）；
如果（不透明度<1）{
不透明度+=0.1；//增加该值
myDiv.style.opacity=opacity；//将新值应用于div
}
否则{//已经是100%不透明的，所以停止调用该函数
清除间隔（股票代码）；
}
}
变暗的文本
听起来你希望相同的文本周期性地获得100%的不透明度，这不是你的意思。你是否有div需要更改（每隔几秒钟一个），或者你希望不透明度每隔几秒钟在30%和100%之间切换，或者完全不同的东西？是的，我想在30%到100%之间切换，但是周期性的你可以使用css，为什么要使用JQuery和animationcan你能引导我吗？你知道除了webkit之外还有其他浏览器，它们也支持动画吗？@谢谢你通知我，它们将添加所有浏览器的支持，我的意思是，你不需要在它们前面加前缀
@keyframes
，
animation
，
animation-*
等，如果webkit不起作用。好的，你说得对，我会保持简单，这样更容易理解。