javascript - 隐藏 10 秒

Question

我正在做一个小脚本，元素应该只消失 2 秒，然后返回单独出现，我把链接留在这里 Fiddle

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            $('img').click(function() {
                $(this).fadeOut();
                setTimeout(function() {
                    $(this).fadeIn();

                }, 1000);
                //$(this).toggle();
            });
        });
    </script>

我正在尝试使用淡入淡出和设置时间但它不起作用

Answer 1

$(this).fadeIn(); 上的 this 不再指向图像。

试试这个:

 $(document).ready(function() {
            $('img').click(function() {
                var img = this; /* Store it on variable img */
                $(img).fadeOut();
                setTimeout(function() {
                    $(img).fadeIn(); /* Can access variable img here */
                }, 1000);
                //$(this).toggle();
            });
        });

fiddle :https://jsfiddle.net/7rfypomx/1/