Untitled

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){

  $("#7").click(function(){
    $("#7").addClass("bg");
    setTimeout(function(){
		$("#7").removeClass("bg");
  }, 2000);
  });


  $("#8").click(function(){
    $("#8").addClass("bg");
	setTimeout(function(){
		$("#8").removeClass("bg");
	}, 2000);
  });

});

 </script>
</head>

<body>

<div id="7">7</div>
<div id="8">8</div>

<style>
div{
border-radius: 30%;
border: 1px solid black ;
width: 100px;
background: red;
}
.bg{
background: blue;
}
</style>
</body>