$(e).find('img').css({transition:'0s'});
var t = $(e).height(),
i = $(e).find("img").height(),
n = i - t;
var time = n/i;
times = (10*time).toFixed(1);
n > 0 && $(e).find("img").css({ transform: "translateY(-" + n + "px)",transition:times+"s" }) 就是.css({ transform: "translateY(-" + n + "px)",transition:times+"s" })中的transition:times+"s"这里。
在css中可以这么写transition:2s 2s表示持续2秒，延迟2秒。在这段代码中 transition:times+"s" 保持不变的前提下我试着这么修改成 transition:times+"s" 2+"s"或者transition:times+"s" 2s 结果把前面 translateY 移动效果变没了...
那么怎么修改transition:times+"s"让其有延迟触发的效果呢？
你审查元素 看看 css 加上了没 ，大概率 拼接的不对
如果在 JavaScript 中动态添加的 CSS 样式没有生效，有以下几种可能的原因：
文件引用顺序问题：确保在引用 CSS 文件之前引用了 JavaScript 文件。
节点不存在：在 JavaScript 代码中，添加 CSS 样式之前，请确保该节点已经加载到页面中。
语法错误：确保没有语法错误，例如 CSS 样式的语法错误或选择器错误。
样式被覆盖：确保新添加的样式不被其他样式覆盖，可以使用更具体的选择器或添加 !important 来确保样式的优先级。
如果上述方法都不能解决问题，可以使用浏览器的开发者工具来检查代码的问题。