setTimeout() 不会延迟转换：在移动设备中转换为 css

Question

试图使用 setTimeout() 来延迟变化翻译3d使用 JavaScript。在台式机中可以正常工作，但在移动中却不能。

 setTimeout(() => {
  console.log("one");
  slides_ul.style.transform = "translate3d( "+x_index+"px, 0px, 0px)"
 }, 2000);
 setTimeout(() => {
  console.log("two")
  slides_ul.style.opacity ="1"
 }, 3000);

执行此操作时，立即应用 translate3d，但 2 秒后显示“一”。正如您在图像中看到的，不透明度尚未完全应用，并且 slides_ul 已被移动。不透明度设置为在 0.2 秒内应用。

想知道延迟是否有问题。欢迎任何评论。

谢谢！

Answer 1

您的代码的第二部分有错误，您缺少“；”在 console.log("two") 之后。

 setTimeout(() => {
  console.log("one");
  slides_ul.style.transform = "translate3d( "+x_index+"px, 0px, 0px)"
 }, 2000);
 setTimeout(() => {
  console.log("two");
  slides_ul.style.opacity ="1"
 }, 3000);

这应该解决它。