Display an image above an image for few seconds in JavaScript?

Question

I have a data widget and each time the widget is clicked the page is refreshed. When I'm offline I want to display a nowifi image above the data image for 3 seconds.

I have onerror="wifioff()" function in the data image.

How can I show the nowifi image for a few seconds above the data image.

Questions seeking help must include the desired behavior, a specific problem or error and the shortest code necessary to reproduce it in the question itself. Questions without a clear problem statement are not useful to other readers. See: How to create a Minimal, Complete, and Verifiable example. — serdar.sanri, Aug 01 '17 at 20:55

score 0 · Accepted Answer · answered Aug 01 '17 at 21:01

0

In your html put this somewhere

In your javascript:

var secondstildone=3; var intervalVariable;

function wifioff(){

      $("#errorImg).attr("src", "Images/errorImg.png");

      var f = DoTimerStuff;
      intervalVariable = setInterval(f, 1000);
    }

        DoTimerStuff() { 
            secondstildone--;
            if(secondstildone <= 0){
               $("#errorImg).attr("src", "");
               clearInterval(intervalVariable);
             }

        }

answered Aug 01 '17 at 21:01

nicko

460
3
11

Jquery right ????? – AbdAlWahab Fanr Aug 01 '17 at 21:55
Yes that's correct, but you could do it with vanilla javascript if you wanted, with some slight changes. – nicko Aug 02 '17 at 14:25

Display an image above an image for few seconds in JavaScript?

1 Answers1