如何间隔显示/隐藏图像?

时间:2018-01-16 22:28:55

标签: javascript jquery

我使用jQuery来使用它的隐藏功能,但我似乎无法让它工作。图像通常设置为0 0 0的标度,并且在一段时间之后,标度变为111(因此,图像变得可见)。我想在一个时间间隔内执行此操作,并可以使用setInterval。但是,我也希望在相同的间隔内隐藏图像。因此,它基本上变得可见,然后在循环中不可见。这是代码:

 <script>
      function PopUp(scale) {
        var indicator = document.getElementById('FeelIndicator');
        indicator.setAttribute('scale', '1 1 1');
          $("#FeelIndicator").hide(8 * 1000) }
      setInterval(PopUp, 10 * 1000); 
</script>

截至目前,指标确实会在10秒后弹出,但永远不会隐藏。我在控制台中没有收到错误消息,但我猜测我没有正确使用jQuery代码。任何帮助将不胜感激!

编辑:谢谢Jaromanda。我编辑了代码,但它似乎仍然没有效果。

穆罕默德,我只想让它出现几秒钟然后消失。如果用户点击图片,它也会消失,但我并不担心找出该代码。

1 个答案:

答案 0 :(得分:0)

你的jquery / javascript选择器不匹配。

假设实际元素Id为#FeelIndicator

$('#FeelIndicator').hide(8 * 1000)

而不是:

$('#indicator').hide(8 * 1000)