How to set an image to temporarily appear on the screen?


#1

I’m new in typescript, I would like to know how to set an image to appear on the screen for 5 seconds and then disappear. Which logic should I use in TS? I use Ionic v3. I would like to see an example.

html:

<img id="imageID" src="assets/img/setas.png">


#2

You can setTimeout()
I write you an example : https://stackblitz.com/edit/ionic-hjysz1


#3

Apart from TimeOut(), you can also go with conditions like *ngIf.

If timing is your only constraint, then you can go with timeOut(), but when any condition came into account, on that time you can go for *ngIf