jquery - 是否可以制作一个功能，当点击时多次更改图像？

Question

基本上，我需要的是一个可以单击的元素，它可以从海报图像变为过渡图像，然后变为主图像。它用于视频 slider ，我试图用图像来掩盖视频的加载。因此，当该元素被点击时，海报图像会切换为灰色，然后逐渐淡入实际视频本身。

我正在使用 jquery 和 html5，但我似乎做不到。我希望有人能指出我在哪里可以找到方法，或者自己帮助我。

Answer 1

您可以使用 window.setTimeout()方法。您传入两个参数，第一个参数是您要延迟的函数，第二个参数是延迟的时间(以毫秒为单位)。

changePosterImageToATransitionImage();

window.setTimeout(  
    function() {  
        andThenToTheMainOne();  
    },  
    1000  
);