Javascript 在这么多秒后显示隐藏的div代码？_Javascript_Jquery_Html

Javascript 在这么多秒后显示隐藏的div代码？

javascript jquery html

Javascript 在这么多秒后显示隐藏的div代码？,javascript,jquery,html,Javascript,Jquery,Html,setTimeout中断了我想要做的代码，如果在随机文本和图像被选择后，我想这样做我有一个名为quote的div，其中随机的文本和图像会消失，比如说在3秒钟内但它只是不起作用，我是一个nooby，所以任何帮助都将是巨大的，这是我迄今为止的代码： <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Random</title> <script sr

setTimeout中断了我想要做的代码，如果在随机文本和图像被选择后，我想这样做

我有一个名为quote的div，其中随机的文本和图像会消失，比如说在3秒钟内

但它只是不起作用，我是一个nooby，所以任何帮助都将是巨大的，这是我迄今为止的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Random</title>
 <script src="jquery-2.1.1.min.js"></script>
</head>
<body>
  <div id="quote"></div>
  <script>
    (function() {
      var quotes = [
        {
          text: "text1",
          img:  "http://i.stack.imgur.com/FqBE6.jpg?s=32&g=1"
        },
        {
          text: "text2",
          img:  "https://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=32&d=identicon&r=PG",
        },
         {
          text: "text3",
          img:  "https://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=32&d=identicon&r=PG",
        }
      ];
      var quote = quotes[Math.floor(Math.random() * quotes.length)];
      document.getElementById("quote").innerHTML =
        '<p>' + quote.text + '</p>' +
        '<img src="' + quote.img + '">';
    })();




    $('#quote').hide();

   setTimeout(function(){
      $('#quote').show();
    $('#quote').fadeIn(1000);        
  }, 3000);




  </script>
</body>
</html>

我还希望报价div在第一次隐藏时隐藏；

有什么想法吗？谢谢。

如果您删除$'quote'。show；从设置超时开始，它将正确淡入

setTimeout(function(){
    $('#quote').fadeIn(1000);        
}, 3000);

对我来说很好吗？当然，它从不褪色，因为它已经在上面的一行中显示出来了！