setTimeOut Uncaught error ReferenceError: lightning_one is not defined

Question

setTimeOut Uncaught error ReferenceError: lightning_one is not defined

Navigation

#1 by (3 votes)

-1

I created a function to generate display effect for a certain time, the images are loaded only in the load of the page, then Uncaught ReferenceError: lightning_one is not defined as shown below:

The functions are these:

function lightning_one(t) {
    $('#container #lightning1').fadeIn(250).fadeOut(250);
    setTimeout('lightning_one()', t);
}
function lightning_two(t) {
    $('#container #lightning2').fadeIn('fast').fadeOut('fast');
    setTimeout('lightning_two()', t);
}
function lightning_three(t) {
    $('#container #lightning3').fadeIn('fast').fadeOut('fast');
    setTimeout('lightning_three()', t);
}

lightning_one(4000);
lightning_two(5000);
lightning_three(7000);

Remembering that the images load only after the page is displayed after the console error is displayed and the images are no longer displayed. The idea will be repeated according to the given time. Where am I going wrong?

javascript jquery settimeout

asked by anonymous 23.08.2018 / 23:24

1 answer

PHP script to count comma-separated records [duplicate] How to connect an Azure Storage Account to an ASP.NET Core project?

score 3 · Accepted Answer

You're playing your function as if it were a string!

You have to pass t also as second argument in function if not it will not wait the 4 seconds!

function lightning_one(t) {
    $('#container #lightning1').fadeIn(250).fadeOut(250);
    setTimeout(lightning_one, t, t);
}

EDIT:

An idea to execute the 3 functions:

function minha_funcao() {
    setTimeout(ligntning_one, 2000) 
    setTimeout(lightning_two, 4000) 
    setTimeout(lightning_three, 6000) 
}


function lightning_one() {
        $('#container #lightning1').fadeIn(250).fadeOut(250);
    }

function lightning_two() {
    $('#container #lightning2').fadeIn('fast').fadeOut('fast');
}

function lightning_three() {
    $('#container #lightning3').fadeIn('fast').fadeOut('fast');

//se quiser loopar
    minha_funcao();

}

minha_funcao();