如何在javascript中为元素编写动画样式

在这里，

动画：slideUp 0.7s轻松输入输出其中0.7s是动态的，需要从javascript计算和添加

如何在javascript中编写以下样式/css：-

$(".narra").css("animation", "slideUp "+ i * 0.1+"s  ease-in-out");

.css
一旦服务器发送CSS，您将无法轻松修改它。但是，您可以使用jQuery或Javascript修改所需对象的属性

还有一些额外的组件，您可以将CSS分解成更简单或更可读的基类，然后使用Javascript设置持续时间

.narra{
动画名称：“slideUp”，
动画计时功能：缓进缓出
}

var calc=i*0.1//这里是您的数学；
$（“.narra”）.css（“动画持续时间”，calc+“s”）；

一旦服务器发送CSS，您将无法轻松修改CSS。但是，您可以使用jQuery或Javascript修改所需对象的属性

还有一些额外的组件，您可以将CSS分解成更简单或更可读的基类，然后使用Javascript设置持续时间

.narra{
动画名称：“slideUp”，
动画计时功能：缓进缓出
}

var calc=i*0.1//这里是您的数学；
$（“.narra”）.css（“动画持续时间”，calc+“s”）；

尝试使用
.style
方法，如下所示：

$(".narra").style.animation = "slideUp "+ i * 0.1+"s  ease-in-out";

如果有帮助，请告诉我：）
尝试使用
.style
方法，如下所示：

$(".narra").style.animation = "slideUp "+ i * 0.1+"s  ease-in-out";

让我知道这是否有用：）
我猜
$（“.narra”）.css（“动画”、“slideUp”…
处于循环中，在这种情况下，您在每次迭代中重写同一元素的
niamtion
属性，您能添加完整的代码吗？我猜
$（.narra”）.css（“动画”、“slideUp”…
处于循环中，在这种情况下，您将在每次迭代中覆盖同一元素的
niamtion
属性，是否可以添加完整的代码？抱歉，这与“动画：幻灯片0.7s轻松输入输出”的工作方式不同@Mahi我为您做了一把小提琴，如果您有任何问题，请告诉我抱歉，这与“动画：slideUp 0.7s ease in out；”的工作方式不同。@Mahi我为您做了一把小提琴，如果您有任何问题，请告诉我