javascript - 随机淡出 <div>

标签 javascript jquery random

基本上我正在尝试将下面的两个脚本合并到一个项目中。我的目标是保留第一个链接的功能,它以不同的时间间隔在随机 div 中淡入淡出,但将其附加到 PaulPRO 的版本,因为它不断地一遍又一遍地循环,比如每 5 秒一次。非常感谢任何帮助!

  1. http://jsfiddle.net/cMQdj/1/ (感谢 mblase75)
  2. http://jsfiddle.net/Paulpro/G4pxq/ (感谢 PaulPRO)

最佳答案

这怎么样->

http://jsfiddle.net/G4pxq/9/

(function fadeInDiv(){
    var divs = $('.fadeIn');
        var elem = divs.eq(Math.floor(Math.random()*divs.length));
    if (!elem.is(':visible')){
        elem.fadeIn(Math.floor(Math.random()*1000),fadeInDiv); 
    } else {
        elem.fadeOut(Math.floor(Math.random()*1000),fadeInDiv); 
    }
})();

更新

维持仓位/订单:

http://jsfiddle.net/G4pxq/12/

$('.fadeIn').before('<div>&nbsp;</div>');

(function fadeInDiv() {
    var divs = $('.fadeIn');
    var elem = divs.eq(Math.floor(Math.random() * divs.length));
    if (!elem.is(':visible')) {
         elem.prev().remove();
        elem.fadeIn(Math.floor(Math.random() * 1000), fadeInDiv);

    } else {

        elem.fadeOut(Math.floor(Math.random() * 1000), function() {
            elem.before('<div>&nbsp;</div>');
            fadeInDiv();
        });
    }
})();

关于javascript - 随机淡出 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8436544/

相关文章:

javascript - 在 Ajax 加载时滚动到项目底部

java - 如何用随机数和一些条件创建一个数组?

c++ - 如何使用 uniform_real_distribution 生成不同的数字?

javascript - 使用 FlowType 进行 native react : Exporting and importing js interfaces

javascript - Jquery使用html动态附加数据属性值

javascript - Jquery hover -> slideDown on div with textfield : Autocomplete is treated as mouseout

javascript - Promise 和 Node 使变量在不同的函数中可用

javascript - 使用 JS 从不同页面获取图像源 URL

javascript - 停用模式后停止视频(videojs)

Php/MySQL 随机数据(音高)序列