Javascript 如何显示图像并正确计时？

我希望标题没有误导，但有以下情况：

我想使gif仅在类存在时显示。现在，我有三个GIF，我希望每个GIF在前面的结束后开始其动画。如何正确地执行此操作

我还希望第一个动画仅在页面滚动到其div时开始，而不是之前，因为在页面滚动到其分区之前，没有显示gif的意义

我确实试过一些东西，但不起作用

if ($('.title-inner').hasClass('visible')) {
    $('.media').find("img[src$='/04/IC.gif']").show('2000');
}

---

最好的方法是什么？

你能把html代码作为旁注发出来吗？它应该是

hasClass（'visible'）

你说得对，给我一点时间测试一下。我不能发布html，因为它是wordpress，并且没有可用的副本，我已经编辑了hasClass部分，它仍然不工作。不，它不是重复的，因为我想计时div外观的开始，而不仅仅是文件。