使用间隔使用 JavaScript 更改多个属性

Changing multiple attributes using javascript using intervals?

本文关键字：属性 JavaScript 更新时间：2023-09-26

我正在尝试实现类似于jQuery Glow或这个小提琴的东西。

具体来说，我正在考虑加载时开始并持续 10 秒，javascript 以 100 毫秒的间隔执行。应该发生的事情是背景颜色或元素 A 将使用渐变范围（开始 #000 和结束 #fff）发生变化，而元素 B 的不透明度将发生变化（开始 0 和结束 1）。因此，每 100 毫秒，不透明度将增加 1（0.01、0.02、...、1.0）并结束。同时，元素 A 的背景将沿着从 #000 到 #fff 的渐变步进。

我可以通过jQuery Glow看到这个功能应该不会太难，但是将它们拼凑在一起并不能证明那么直观。该js看起来非常适合悬停和链接，而不是在Load上定义不同的值并在预定时间结束。

我该怎么做？谢谢。

setTimeout不再是JavaScript动画中的唯一选择。

查看 HTML5Rocks 中的 setAnimationFrame，作者是 Paul Irish。在此处阅读有关它的信息。

黄油平滑每秒 60 帧。

滚动此页面，然后...

避免导致重排-重绘循环的动画;更新 rAF 调用以期望高分辨率时间戳作为第一个参数;

最后

获取此内容的完整摘要：requestAnimationFrame API：现在使用亚毫秒级精度

此外，nnnnnn是正确的。jQuery的一个主要优势是效果。

但是，JSWorld 不仅仅是 jQuery，还有更多。

对于初学者，请查看 CreativeJS.com。

它是WebGL，但更重要的是：三个.js（遵循@mrdoob）。

ExtJS只是企业实力UI，动画交互。

就目前而言，拉斐尔只是最先进的SVG。

其他值得一提的图形解决方案是：D3.js，HTML5 Canvas和CSS3 Transforms。

编辑：我认为Adobe Edge很酷。这是HTML动画生成中的一个全新的隐喻，具有关键帧界面...接受，批评者无法超越测试版的非语义 DIV。我想我们会从该团队那里听到更多关于一些高级 HTML 动画生成器的信息......是的，他们得到了一些新东西！

希望有帮助。万事如意！纳什

尝试淡入淡出效果并将其与setTimeout一起使用。你必须做一些实验，我认为它会:)