Actualizar <img> en jQuery periódicamente

Question

Similar a How to reload/refresh an element(image) in jQuery pero no al mismo tiempo.

Tengo una cámara web que guarda las imágenes cada 2 segundos en lugar de la transmisión. Usando jQuery (o JS directo) quiero actualizar solo el elemento de la imagen.

Debería ser fácil, pero todas mis búsquedas muestran la actualización a petición.

Answer 1

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

Answer 2

Esto debería hacer el trabajo:

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

Answer 3

Añadir una marca de tiempo a la fuente de imagen que se actualizará.

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

Answer 4

setInterval es un contador de tiempo que va a ejecutar una función de x milisegundos todo

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

Answer 5

debe forzar al navegador a realod la imagen en vez de tomarlo de la memoria caché. Puede hacerlo cambiando la URL, agregando un parámetro inútil que cambia cada vez, por ejemplo, una marca de tiempo.

$('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); 
}); 

ejecutar este fragmento dentro de un temporizador o de un clic o ambos, o lo que sea.