2
Reply

changed the button color after specific time with setTimeout

Tadej Brvar

Tadej Brvar

May 8 2015 6:27 PM
581
Hello,

I build my website with Zyro SiteBuilder.
I want to add this javascript code and I have some problems:

<script type="text/javascript">
function setToRed ( )document.getElementById("colourButton").style.color = "#FF0000";
setTimeout ( "setToGreen()", 10000 );
}
function setToGreen ( )
{document.getElementById("colourButton").style.color = "#00A300";
}
</script>

<a href="http://goo.gl/1LvXsc" target="new window_a"><input type="button" name="clickMe" id="colourButton" value="Moon Doge" onclick="setToRed()"/>
<a href="http://goo.gl/kQUEpY" target="new window_a"><input type="button" name="clickMe" id="colourButton" value="Free Doge"onclick="setToRed()"/>

... I have to add aprox. 30 more links-buttons.

After a click on a first button (Moon Doge) everything works perfect (it
open a new tab, the text of a link change color to red and after 10 seconds text changed into green).

The problem is when I click on a second button (Free Doge). It opens a new tab, but it changed the color
of the first link - Moon Doge - it should change, of course, the text of a second button.

Could you help me with this issue?

Thanks,
Tadej

p.s.: sorry for my English, it is not my native language

Answers (2)