Question

如果选择了随机文本和图像后，setTimeout会破坏我想要做的代码

我有一个名为引用的div，其中随机文本和图像去了，我想要在3秒时间内淡入淡出....

但它只是不起作用我是一个不起作用所以任何帮助都会很棒我的代码到目前为止：

<!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隐藏在1st hide（）; 有任何想法吗？感谢。

Answer 1

如果你删除$（'＃quote'）。show（）;从你的setTimeout，它将正确淡入。

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

经过这么多次破解代码后显示隐藏的div？

1 个答案: