SOLVED - Element Timer Countdown?

[TheRealMojoJojo]

Hi,
I'll try to explain the best I can as to what I am trying to accomplish

1. I have an animated hotspot that is NOT visible by default.
2. When you click on a button, the animated hotspot becomes visible.
3. After 5 seconds I would like the animated hotspot to become invisible again.

I have been trying to understand how to do this by watching multiple tutorial videos on timers and logic but for the life of me cannot seem to get it to work.

Anyone have a solution? Thanks!!!

[Tony]

Hi,

Here's the solution

https://p2vrlittlebits.s3-ap-southeast- ... index.html

In this example I've...

1. Created a variable called 'showGif' and set the value to False
2. The animated gif element has Visibility unchecked and a logic block *showGif = true | Visible = true
3. I have a timer (timer-hide-animated-gif) of Type = Manual > Repeat = One Time. The timer has an action Source = Deactivate | Action = Set Variable Value | Parameters = Set(=) /false | Target = showGif
4. I have a button with a logic block *showGif = true | Visible = false. The button has two actions.
Action 1: Source = Mouse Click | Action = Set Variable Value | Parameters = Set(=) /true | Target = showGif
Action 2: Source = Mouse Click | Action = Set Value | Parameters = 5 | Target = timer-hide-animated-gif

So when you click the button it sets the variable to true which makes the animated gif visible, at the same time the logic block hides the button, it also send a value to the timer of 5 which starts the timer. After 5 seconds the timer deactivates which set the Action to change the variable to false which hides the animated gif and shows the button.

I've attached the skin.

cheers,

Tony

[TheRealMojoJojo]

Thank you SOOOOOOO very much for that Tony! I'm still a little most as to how it works but was able to implement it into a tour and it works perfectly so thanks for taking the time to help me out!