可以创建一个单击时多次更改图像的功能吗？

Question

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

我正在使用jquery和html5，而我似乎无法做到这一点。我希望有人能指出我能找到的地方，或者帮助我自己。

Answer 1

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

changePosterImageToATransitionImage();

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