使用jquery随机显示某些内容

使用jquery随机显示某些内容,jquery,animation,random,Jquery,Animation,Random,我的问题是: 我有一个背景图像div,不透明度是0!当你将鼠标悬停在它上面时,不透明度变为1,但我也希望它随机显示几次。所以我在寻找一种方法,随机给这个div不透明度值1类似于: var d = new Date(); if (d.getTime() % 3 ==0) opacity = 1 else 0; 当然可以,是的 <script> var sets = { minsec: 1, maxsec: 10 }; var t=setTimeout("sh

我的问题是:

我有一个背景图像
div
,不透明度是
0
!当你将鼠标悬停在它上面时,不透明度变为
1
,但我也希望它随机显示几次。所以我在寻找一种方法,随机给这个
div
不透明度值
1

类似于:

var d = new Date();
if (d.getTime() % 3 ==0) 

opacity = 1
else 0;
当然可以,是的

<script>
  var sets = {
  minsec: 1,
  maxsec: 10
  };

  var t=setTimeout("showthediv()", (Math.floor(Math.random()*(sets.maxsec - sets.minsec)) + sets.minsec)*1000);

  function showthediv()
  {
      if ($('#element').queue().length == 0)
      {
          $('#element').fadeTo('slow',1);
      }
      var x=setTimeout("showthediv()",(Math.floor(Math.random()*(sets.maxsec - sets.minsec)) + sets.minsec)*1000);
  }
</script>

变量集={
明斯克:1,
最大秒:10
};
var t=setTimeout(“showthediv()”,(Math.floor(Math.random()*(sets.maxsec-sets.minsec))+sets.minsec)*1000);
函数showthediv()
{
if($('#元素').queue().length==0)
{
$('#element').fadeTo('slow',1);
}
var x=setTimeout(“showthediv()”,(Math.floor(Math.random()*(sets.maxsec-sets.minsec))+sets.minsec)*1000);
}
编辑:使其可配置时间范围,并添加了检查动画是否已完成的功能。设置以秒为单位,而不是以毫秒为单位

$(function(){
    setInterval(someFunction, 1000);  //1000 is milliseconds to next random check
});

function someFunction(){
    var chance = 10;  //1 in 10 chance to show the div
    var rand = Math.floor(Math.random()*chance)+1;  //generate random number 1-chance
    if(rand == 1) //show the number
    {
        $('#someId').css('opacity', 1);
    }
    else
    {
        $('#someId').css('opacity', 0);
    }
}

您可以调整时间和机会来确定显示id的频率。

在设置下一个随机设置超时之前,您可能至少需要等待上一次淡入淡出。您可能会出现多个淡入淡出,请尝试同时淡入淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡。你的代码可能会抛出一个“太多递归”警告。你能告诉我怎么做吗。。。对不起,我是个乞丐(我忘了结账)。OP要求提供一个随机时间段,这是一个真正的随机时间段,我会添加一行代码来检查动画是否已经完成。Date是一个不断变化的变量。调用此代码(%3)的时间的1/3将为真。这是滴答声!这是一个巨大的数字,你有1/3的机会是真的。这就像说:“为我选择一个大的数字,看看它是否为%3”这看起来很有希望,但是你能检查一下吗?我认为有一些语法错误。。。非常感谢。将此更改为实际工作,并修改不透明度,而不是使用jQuery hide。