jquer blinking function?
jquer blinking function?
this is my jquery to print div elements with green and red
$(document).ready(function() {
/* $("#tablediv").hide(); */
$("#showTable").click(function(event){
$.get('GetResult',function(responseJson) {
if(responseJson!=null){
$("#countrytable").find("tr:gt(0)").remove();
var table1 = $("#resultTable");
$.each(responseJson, function(key,value) {
if(value['result']== "success")
{
$('.blinking_div'+value['id']).css({'background' : 'green', 'border' : 'border: 8px solid #fff'});
}
else
{
$('.blinking_div'+value['id']).css({'background' : 'red', 'border' : 'border: 8px solid #fff;'});
}
});
}
});
/* $("#tablediv").show(); */
});
});
</script>
this is the function to blink div elements with blue color
$(function() {
// blinking div
var y;
var i=0;
var timesRun=0;
var interval= setInterval(function() {
timesRun +=1;
if (timesRun==6) {
clearInterval(interval);
}
if(y == 0) {
$('.blinking_div1').removeAttr('style');
$('.blinking_div2').removeAttr('style');
$('.blinking_div3').removeAttr('style');
$('.blinking_div4').removeAttr('style');
$('.blinking_div5').removeAttr('style');
$('.blinking_div6').removeAttr('style');
$('.blinking_div7').removeAttr('style');
$('.blinking_div8').removeAttr('style');
$('.blinking_div9').removeAttr('style');
$('.blinking_div10').removeAttr('style');
$('.blinking_div11').removeAttr('style');
$('.blinking_div12').removeAttr('style');
y = 1;
} else {
if(y = 1) {
$('.blinking_div1').css({'background' : 'blue', 'border' : '8px solid #fff'});
$('.blinking_div2').css({'background' : 'blue', 'border' : '8px solid #fff'});
$('.blinking_div3').css({'background' : 'blue', 'border' : '8px solid #fff'});
$('.blinking_div4').css({'background' : 'blue', 'border' : '8px solid #fff'});
$('.blinking_div5').css({'background' : 'blue', 'border' : '8px solid #fff'});
$('.blinking_div6').css({'background' : 'blue', 'border' : '8px solid #fff'});
$('.blinking_div7').css({'background' : 'blue', 'border' : '8px solid #fff'});
$('.blinking_div8').css({'background' : 'blue', 'border' : '8px solid #fff'});
$('.blinking_div9').css({'background' : 'blue', 'border' : '8px solid #fff'});
$('.blinking_div10').css({'background' : 'blue', 'border' : '8px solid #fff'});
$('.blinking_div11').css({'background' : 'blue', 'border' : '8px solid #fff'});
$('.blinking_div12').css({'background' : 'blue', 'border' : '8px solid #fff'});
y = 0;
}
}
}, 500); // change the time if you want
});
</script>
i want to perform blinking task when user click on button after that it will print green and red colors
please any one tell me how to do this