title: Images are blinking while updating JSON code with TimeInterval
body: <p><strong>Here is my JSON function</strong>
  *<em>my userId is as below</em>*</p>
  
  <pre><code>var userId = '@(ViewBag.UserId)';
          function getMessage(userId) {
              $.ajax(
                   {
                       type: "Post",
                       url: "/Message/GetMessage",
                       dataType: "json",
                       data: { "recieverUsersId": userId },
                       async: true,
                       cache:true,
                       success: function (data) {
                           var div = $('#msg');
                           div.html("");
                           $.each(data.messages, function (i, item) {
                           div.append('&lt;li id="reply"&gt;&lt;img src="' + item.FileAttachedURL + '" style="height:auto; width:100%; margin-left:auto; margin-right:auto; "/&gt;&lt;/li&gt;')
                           }, 
                           error: function (req, status, error) {
                           var div = $('#comment');
                           div.html("");
                           div.append('Error');
                       }
                   });
       }
  </code></pre>
  
  <p><strong>To Update JSON Data into time interval</strong></p>
  
  <pre><code>     function getValue() {
           var userId = $('#recieverUserId').val();
           getMessage(userId)
           function myStopFunction() {
               clearInterval(myVar);
           }
       }
  </code></pre>
  
  <p><strong>Set time interval for  getMessage function</strong></p>
  
  <pre><code>     var refresh = setInterval(function () { getValue() }, 5);
       function myStopFunction() {
           clearInterval(refresh);
       }
  </code></pre>
  
  <p><strong>Problem : when i am getting Images from table Images are also blinking in time interval. why i am getting this problem or is there any other solution to update data in a certain time period</strong></p>