Question

我有这个javascript代码

// Elke keer een logo meer opacity geven
    var randomnumber=Math.floor(Math.random()*$("#main .logolint ul li").children().length);
    $(function() {
        // geef de logo's een opacity van 0.5
        $("#main .logolint ul li > img").css({opacity: 0.5});

        //set timeout for image to appear (set at 500ms)
        setTimeout(function(){
           //fade in the random index of the image collection
           $("#main .logolint ul li > img:eq(" + randomnumber + ")").css({opacity: 1.0});
        }, 500);       
    });

此代码为我的列表项提供0.5的不透明度。并为随机列表项提供1.0的不透明度。

但我怎么能制作这个剧本。他给出超过5秒。另一个li项是1的不透明度？如何在此脚本中创建循环？

Answer 1

将setTimeout更改为setInterval，相同的代码，只是不同的函数名称。 setInterval以设定的间隔（因此是循环）调用函数。

你可能还想将不透明度调用更改为fadeIn，然后你会得到一个很好的淡入效果，而不是从0.5突然变为1。

您也可以保存setInterval“指针”：

var pntr = setInterval(xxx);

因此，当你的循环完成（并且一切都可见）时，你可以调用'clearInterval（pntr）`来停止间隔。

用不透明度和li项制作循环

1 个答案: