changed the button color after specific time with setTimeout

Question

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

Vipin Maurya · Answer

hello,Tadej according to your code at line2:you have not added '{' open braces after "setToRed()" function and also you have not close the anchor tag "" properly so make changes to the code and surely this will work. your code have following errors: function setToRed ( ){document .getElementById("colourButton").style.color = "#FF0000"; setTimeout ( "setToGreen()", 10000 ); } function setToGreen ( ) {document.getElementById("colourButton").style.color = "#00A300"; } "/> />

Dipankar Biswas · Answer

hi check this link.. http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

changed the button color after specific time with setTimeout

Bryian Tan

Bryian Tan

mahesh kumar B M