Javascript 使用JS/jQuery逐个设置元素中字母的动画 我正在努力实现的目标：

具有用于显示平面的包装器和包含任何文本的内部元素

计算中心

• 获取包装的宽度
• 在分隔之前获取文本的宽度
• （包装宽度/2）-文本宽度=第一个字母的位置

将文本分解为自己的div元素-我不需要，但对于希望使用任何答案的任何人，您可能需要将空格替换为

将每个字母容器的位置设置为容器外部的右侧

为每个字母元素的边距设置动画，使其具有结束缓和效果

• 第一到中间位置
• 以下所有内容到结束位置减去已移动字母的总宽度

保持几秒钟

每一个字母元素在离开平面向左移动时都会做同样的事情，但会有一点延迟。

重复

---

在一个不那么混乱的坚果壳里 每个字母到达包装器中心的开始时间稍微延迟，保持在那里，然后离开视口。我个人这样做是为了加载动画

---

我迄今为止的努力：

加载
$（文档）.ready（函数（）{
变量Elem=$（'.Loading'），
EWid=元素宽度（），
EStr=Elem.html（），
ESLe=初始长度，
EOWi=Elem.parent（）.width（），
ABCD=（EOWi-EWid）/2，
CTWi=0；
Elem.html（“”）；
对于（变量i=0，len=ESLe；idiv:n类型（i）”）.width（）；
console.log（此宽度）；
//设置超时(
//函数（）{
//$（“#完整包装#完整”）。动画({
//marginLeft:'-=938px'
//      },{
//放松:"放松",，
//时长：250，
//      });
//  }, 500);
}
});

---

我遇到的问题：

“：n类型（编号）”似乎有效，但

：n类型（i）

无效

---

您需要连接数字

var ThisWidth = $(".Loading > div:nth-of-type(" + i + ")").width();

---

$（“.Loading>div:n类型（“+i+”））Tim:看看上面的注释^^^^^^^^^^-这里没有什么不好的地方

var ThisWidth = $(".Loading > div:nth-of-type(" + i + ")").width();