使用TimeInterval更新JSON代码时,图像闪烁

时间:2013-10-17 00:19:43

标签: javascript jquery asp.net-mvc-4 json.net

这是我的JSON功能 * 我的userId如下 *

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('<li id="reply"><img src="' + item.FileAttachedURL + '" style="height:auto; width:100%; margin-left:auto; margin-right:auto; "/></li>')
                         }, 
                         error: function (req, status, error) {
                         var div = $('#comment');
                         div.html("");
                         div.append('Error');
                     }
                 });
     }

将JSON数据更新为时间间隔

     function getValue() {
         var userId = $('#recieverUserId').val();
         getMessage(userId)
         function myStopFunction() {
             clearInterval(myVar);
         }
     }

设置getMessage函数的时间间隔

     var refresh = setInterval(function () { getValue() }, 5);
     function myStopFunction() {
         clearInterval(refresh);
     }

问题:当我从表中获取图像时图像也会在时间间隔内闪烁。为什么我遇到这个问题,或者是否有其他解决方案来更新特定时间段内的数据

0 个答案:

没有答案