Question

My problem is this:

I have div with a background image, the opacity is 0! When you hover over it the opacity becomes 1, but I also want it to randomly show it some times. So I’m kind of looking for a way to randomly give this div the opacity value 1.

Answer 1

$(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.