当前位置：文江博客话题详情

使用jquery随机显示一些东西

发布于 2024-12-10 13:04:18 字数 178 浏览 0 评论 0原文

我的问题是这样的：

我有带有背景图像的 div ，不透明度为 0！当您将鼠标悬停在其上时，不透明度变为 1，但我也希望它有时随机显示。因此，我正在寻找一种方法来随机赋予此 div 不透明度值 1。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半边脸i 2024-12-17 13:04:18

$(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 的频率。

$(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);
    }
}

You can adjust the times and chance to determine how frequently the id is shown.

回复收藏 0 原文

与他有关 2024-12-17 13:04:18

类似的东西：

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

opacity = 1
else 0;

something like :

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

opacity = 1
else 0;

回复收藏 0 原文

墨洒年华 2024-12-17 13:04:18

当然，它的

<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>

编辑：使其可配置时间范围，并添加了检查动画是否已完成的功能。设置以秒为单位而不是毫秒

Sure, it's

<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>

Edit: made it configurable for timeframe as well as added a check to see if animation has finished. Settings are in seconds instead of miliseconds

回复收藏 0 原文

~没有更多了~