Làm mới <img> trong jQuery theo định kỳ

Question

Tương tự như How to reload/refresh an element(image) in jQuery nhưng không phải cùng một lúc.

Tôi có webcam lưu hình ảnh sau mỗi 2 giây thay vì phát trực tuyến. Sử dụng jQuery (hoặc JS thẳng) Tôi chỉ muốn làm mới phần tử hình ảnh.

Nên dễ dàng, nhưng tất cả các tìm kiếm của tôi đều hiển thị làm mới theo yêu cầu.

Answer 1

setInterval(function(){ 
    $("#myimg").attr("src", "/myimg.jpg?"+new Date().getTime()); 
},2000); 

Answer 2

này nên thực hiện công việc:

window.setInterval(function() { 
    var d = new Date(); 
    $("#myimg").attr("src", "/myimg.jpg?"+d.getTime()); 
}, 2000); 

Answer 3

Thêm một dấu thời gian để các nguồn hình ảnh nó sẽ làm mới.

setInterval(function(){ 
    $("img").each(function(){ 
     var timeStamp = (new Date()).getTime(); 
     $(this).attr("src", $(this).attr("src") + timeStamp); 
    }); 
}, 2000); 

Answer 4

setInterval là một bộ đếm thời gian sẽ thực hiện một chức năng tất cả mọi thứ x mili giây

setInterval(function() { 
    var d = new Date(); 
    $("#myimg").attr("src", "/myimg.jpg?"+d.getTime()); 
}, 2000); 

Answer 5

Bạn phải buộc các trình duyệt để realod hình ảnh thay vì dùng nó từ bộ nhớ cache. Bạn có thể làm điều đó bằng cách thay đổi url, thêm một tham số vô ích thay đổi mỗi lần, ví dụ như dấu thời gian.

$('img.webcam').each(function() { 
    var jqt = $(this); 
    var src = jqt.attr('src'); 
    src = src.substr(0,src.indexOf('?')); 
    src += '?_ts=' + new Date().getTime(); 
    jqt.attr('src',src); 
}); 

Thực thi đoạn mã này bên trong bộ hẹn giờ hoặc khi nhấp chuột hoặc cả hai hoặc bất kỳ thứ gì.