I have counter which is set to 30 Seconds and a textbox,when the timer value is between 10 to 15 seconds I want to apply image to a textbox which should should have show hide effect.Following is the code
function setTime() {
if (seconds > 0) {
seconds--;
time = seconds;
if (time < 16 && time > 10) {
ShowHideImages();
}
else {
$("#TimeGlow") .css('background-image', '');
}
}
else {
clearInterval(objTimes);
seconds = 30;
objTimes = setInterval(setTime, 1000);
}
}
function ShowHideImages() {
$("#TimeGlow").css('background-image', 'url(images/TimeGlow.png)').show();
Test();
}
function Test() {
$("#TimeGlow").css('background-image', 'url(images/TimeGlow.png)').hide();
}
setTime is the function.And TimeGlow is the id of textbox